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文件完成。