Sublime下代码高亮

文件后缀为.wpy，可共用vue高亮，但需要手动安装。

1. 打开Sublime->Preferences->Browse Packages..进入用户包文件夹。

2. 在此文件夹下打开cmd，运行

   git clone git@github.com:vuejs/vue-syntax-highlight.git，无GIT用户可以直接下载zip包解压至当前文件夹。

3. 关闭.wpy文件重新打开即可高亮。

WebStorm下代码高亮

打开Preferences，搜索Plugins，搜索Vue.js插件并安装。

打开Preferences，搜索File Types，找到Vue.js Template，在Registered Patterns添加*.wpy，即可高亮。

Atom下代码高亮

在Atom里先安装vue的语法高亮 - language-vue，如果装过了就忽略这一步。

打开Atom -> Config菜单。在core键下添加：

customFileTypes:

"text.html.vue": [

"wpy"

]

Vscode下代码高亮

在vscode里先安装vue的语法高亮 - language-vue，如果装过了就忽略这一步。

在项目根目录下，建立.vscode目录

在.vscode里建立settings.json文件，内容如下：

{

"git.ignoreLimitWarning": true,

"files.associations": {

"*.wxml": "html",

"*.wxss": "css",

"*.wpy": "vue"

}

}