轉載：https://blog.csdn.net/qq_33008701/article/details/56486893
Webstorm 添加新建.vue文件功能並支持高亮vue語法和es6語法
添加新建.vue文件功能
①Webstorm 右上角File-Plugins 搜索vue如果沒有就去下載 點擊serch in repositories
②點擊安裝vue.js
③安裝成功后點擊右下角Apply 提示重啟webstorm 重啟完成后 Setting-Editor-File and Code Templates 點擊右上角的加號 添加vue文件 Name為vue File, Extension 為vue,下面的位置可以填寫自定義的初始化模板內容
④點擊OK 返回，在項目中新建會出現vue文件 webstorm配置新建vue文件完成。
高亮vue的語法和ES6支持
①高亮vue的語法Setting-File Types 選中html 點擊下面的加號添加*.vue 點擊Apply 返回就可以看到webstorm 識別.vue文件中的語法
②ES6支持：JavaScript選擇es6
補充：看到有人說直接在<script>標簽中添加type="text/ecmascript-6"里面的代碼也會高亮並支持ES6。