webstorm中.vue報錯


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM