1.webstorm中es6語法報錯，解決方法：
打開 Settings => Languages & Frameworks => Javascript
把 Javascript Language version 改爲 ECMAScript 6
這樣做所有的.js文件中es6不再報錯，但是.vue文件中es6語法依然報錯。
- .vue文件中es6語法報錯
(1)打開 Settings => File Types 找到 HTML 添加 *.vue
前端全棧學習交流圈：866109386,面向1-3經驗年前端開發人員,幫助突破技術瓶頸，提升思維能力,羣內有大量PDF可供自取，更有乾貨實戰項目視頻進羣免費領取。
這樣vue文件就相當於html文件，可以編輯css，js，也都有智能提示。但是，在.vue文件中es6語法還是報錯。
(2).粗暴：直接在<script>標籤中添加type="text/ecmascript-6"，.vue裏面的代碼會高亮並支持ES6。
type=”es6”屬性
<script type="es6">
</script>
(3).將script標籤添加
然後打開 Settings => Language Injections 添加 XML Tag Injection，內容如下圖。
前端全棧學習交流圈：866109386,面向1-3經驗年前端開發人員,幫助突破技術瓶頸，提升思維能力,羣內有大量PDF可供自取，更有乾貨實戰項目視頻進羣免費領取。
3.補充新功能：右鍵新建時出現.vue文件類型，就像新建html文件一樣，方法：
Setting-Editor-File and Code Templates 點擊右上角的加號 添加vue文件 Name爲vue File, Extension 爲vue,下面的位置可以填寫自定義的初始化模板內容。
點擊OK 返回，在項目中新建會出現vue文件 webstorm配置新建vue文件完成。
