让sublime text3支持Vue语法高亮显示

准备语法高亮插件vue-syntax-highlight

下载地址：https://github.com/vuejs/vue-syntax-highlight
Vue Syntax Highlight的插件，它不仅可以使代码高亮起来，还能进行代码智能提示
下载页面并下载：

解开压缩包vue-syntax-highlight-master，其内所有文件备用。

将vue-syntax-highlight植入sbulime。

进入sublime，选择菜单项“Preferences->Browse Packages…”。

在打开的文件夹中创建“Vue”文件夹。

在Vue文件夹中，将vue-syntax-highlight-master压缩包解压后的所有文件考入。

sublime载入vue-syntax-highlight插件

按下快捷键“ctrl+shift+p”，在打开的packages输入框中输入vue，选择“Set Syntax:Vue Component”进行加载。

加载后重启sublime，重新打开.vue文件，即能看到语法高亮。

让sublime text3支持Vue代码格式化

使用 Sublime text 3 格式化HTML代码，需要安装插件，具体安装步骤如下：

1. 打开菜单 -> 首选项(Perferences) -> 插件控制(Packpage Control)，输入"Install Package"
2. 等待程序进入插件管理功能，再输入插件名称：“HTML-CSS-JS prettify”
3. 点击安装插件 “HTML-CSS-JS Prettify” 。
4. 插件安装成功后，在需要格式化的HTML代码中，选中代码，然后按 “Ctrl+Alt+H” 对代码进行格式化。也可以右击菜单选择"html css js prettify"格式化代码

注意：

• 使用此插件需先安装node.js，windows默认安装在C盘，如果安装在其它地方，需额外配置node.js安装目录。
  设置node.js安装目录：菜单 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Set node Path。根据你的node安装目录是c盘或者d盘或者e盘或者f盘进行修改一下node安装的路径
• 默认对vue不支持,需要鼠标右击->HTML/CSS/JS Prettify -> Set node Path , 在”allowed_file_extensions”: [“htm”, “html”, “xhtml”, “shtml”, “xml”, “svg”,”vue”] 加上vue就好了