webStorm识别vue语法

1、webStorm下载vue插件，webStorm——preferences——plugins，搜索vue

webStorm中已安装vue插件的界面

如果没有安装过，界面长这样：

webStorm中未安装vue插件的界面——图1

webStorm中未安装vue插件的界面——图2

2、安装成功后，重启webStorm，重启完成后 webStorm—— preferences—— Editor ——File and Code Templates，点击右上角的加号  添加vue文件   Name为vue File,  Extension 为vue,下面的位置可以填写自定义的初始化模板内容

在webStorm中添加vue后缀的文件

3、高亮vue语法，webStorm—— preferences ——Editor ——File Type，选中html，点击下面的加号，添加*.vue，点击Apply，返回就可以看到webstorm 识别.vue文件中的语法

高亮vue语法

4、ES6支持：JavaScript选择es6

es6支持