webstorm中ES6語法配置
當我們用webstorm打開我們所構建的elma項目中的main.js文件的時候，發現有標紅的紅線，原因是webstorm不支持es6語法，需要配置一下。 
配置方法：
打開file–>setting,做如下操作 
如果想實現es6直接轉化為es5，那么babel是個好選擇。
Babel是一個廣泛使用的ES6轉碼器，可以將ES6代碼轉為ES5代碼，從而在瀏覽器或其他環境執行。這意味着，你可以用ES6的方式編寫程序，又不用擔心現有環境是否支持。
而且你還希望每次修改代碼時能自動轉碼，所以還要用到webstorm的file watcher（當然還有其他解決方案）
首先要安裝babel，同樣也是使用npm安裝
npm install -g babel- 1
配置方式 file-settings File watcher 
其中Program： 中填寫的是babel的安裝路徑，其他的默認就好啦。這樣就能實現ES6的語法支持以及ES6自動轉換為ES5。 好了，開啟第二個話題。
webstorm支持vuejs文件
當我們打開App.vue文件的時候，發現黑白分明啊，這說明此刻的webstorm並不支持vuejs文件，怎么辦呢？還能說啥，配置唄！ 
- webstorm安裝vue插件
當我們file —》 settings的時候，找到plugin是，在搜索框中輸入vue 發現並沒有vue插件，如圖，點擊圖中的鏈接下載即可。
2.安裝vue，重新啟動webstorm，再次打開App.vue文件。
發現webstorm已經對vue文件有高亮顯示啦。
設置webstorm的vue新建文件模板
僅僅支持vue文件還不行，還需要當我們新建.vue文件的時候，能夠創建出vue的文件，怎么做呢？
方法：file–》settings —>file and code templates,在右側找到vue點擊，最右邊設置 vue file 擴展名vue，如圖： 
這樣在新建文件的時候就出現vue文件。 
好啦，用webstorm開發vue的配置已經設置好了，可以愉快的敲代碼啦。