Webstorm 添加建立.vue檔案功能並支援高亮vue文法和es6文法

標籤：and   知識庫   orm   也會   fonts   bsp   ref   搜尋   setting   

添加建立.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文法