webstorm 對 vue的設置

一、總結

一句話總結：

安裝vue插件，可以setting-->plugin，搜索vue插件

 

 

二、關於webstorm 對 vue的設置

轉自或參考：關於webstorm 對 vue的設置
https://www.cnblogs.com/ssrsblogs/p/6231981.html

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 即可。

　　

 5. 如果你在修改vue文件，ctrl+s 之后，dev不自動編譯，

請參考http://www.cnblogs.com/ssrsblogs/p/6155747.html。