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,下面的位置可以填寫自定義的初始化模板內(nèi)容

④點擊OK 返回，在項目中新建會出現(xiàn)vue文件 webstorm配置新建vue文件完成。

高亮vue的語法和ES6支持
①高亮vue的語法Setting-File Types 選中html 點擊下面的加號添加*.vue 點擊Apply 返回就可以看到webstorm 識別.vue文件中的語法

②ES6支持：JavaScript選擇es6

補充：看到有人說直接在<script>標簽中添加type="text/ecmascript-6"里面的代碼也會高亮并支持ES6。