1.webstorm中es6語法報錯，解決方法：

開啟 Settings => Languages & Frameworks => Javascript
把 Javascript Language version 改為 ECMAScript 6

這樣做所有的.js檔案中es6不再報錯，但是.vue檔案中es6語法依然報錯。

2.  .vue檔案中es6語法報錯

(1)開啟 Settings => File Types 找到 HTML 新增 *.vue

這樣vue檔案就相當於html檔案，可以編輯css，js，也都有智慧提示。但是，在.vue檔案中es6語法還是報錯。

(2).粗暴：直接在<script>標籤中新增type="text/ecmascript-6"，.vue裡面的程式碼會高亮並支援ES6。

(3).將script標籤新增 type=”es6” 屬性

<script type="es6">
</script>

然後開啟 Settings => Language Injections 新增 XML Tag Injection，內容如下圖。

 3.補充新功能：右鍵新建時出現.vue檔案型別，就像新建html檔案一樣，方法：

Setting-Editor-File and Code Templates 點選右上角的加號 新增vue檔案 Name為vue File, Extension 為vue,下面的位置可以填寫自定義的初始化模板內容。

點選OK 返回，在專案中新建會出現vue檔案 webstorm配置新建vue檔案完成。