添加新建.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。

Webstorm 添加新建.vue文件功能並支持高亮vue語法和es6語法