開發程序的時候，我們會使用調用類構造函數，這是一個必須編寫的契約函數，我們使用ES6語法來定義函數和對象的簡寫方式，接下來，錯新技術頻道小編帶給大家詳解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。

相信大家對詳解Webstorm 新建.vue文件支持高亮vue語法和es6語法都有一定的了解了，這一類事件程序員都會接觸到，關注錯新技術頻道將收獲更多知識。