關於webstorm 對 vue的設置

 

1. 首先安裝vue插件，安裝方法：

　　setting  -->  plugin  ，點擊plugin，在內容部分的左側輸入框輸入vue，會出現兩個關於vue的插件，點擊安裝便可。安裝完成後，就能夠看到，新建文件時，會有vue文件的提示。

　　以下圖所示：

2. 設置vue新建文件模板。

　　步驟： settings  -->  file and code templates .在內容區域左側點擊vue file，修改對應的模板內容便可。

　　以下圖所示：

3. 設置vue文件支持的編碼格式（例如：支持的縮進是2）：

　　步驟：settings --> code style,把code style 下面全部你認識、以爲會用到的內容都設置成               2，固然也包括other file types，也是設置vue格式最關鍵的一步。

 　　以下圖所示：

4. vue 使用的是es6語法， 因此要將javascript的版本改爲es6

　　步驟：settings --> languages& frameworks -- > javascript ,選擇javascript,修改內容區域的javascript language version: ECMAScript 6 便可。