webstorm和.vue中es6語法報錯的解決方法
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。
type=”es6”屬性
<script type="es6"> </script>
(3).將script標簽添加
然后打開 Settings => Language Injections 添加 XML Tag Injection,內容如下圖。

3.補充新功能:右鍵新建時出現(xiàn).vue文件類型,就像新建html文件一樣,方法:
Setting-Editor-File and Code Templates 點擊右上角的加號 添加vue文件 Name為vue File, Extension 為vue,下面的位置可以填寫自定義的初始化模板內容。

點擊OK 返回,在項目中新建會出現(xiàn)vue文件 webstorm配置新建vue文件完成。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
使用Element-UI的el-tabs組件,瀏覽器卡住了的問題及解決
這篇文章主要介紹了使用Element-UI的el-tabs組件,瀏覽器卡住了的問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08
vue-cli webpack 開發(fā)環(huán)境跨域詳解
本篇文章主要介紹了vue-cli webpack 開發(fā)環(huán)境跨域詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
vue element動態(tài)渲染、移除表單并添加驗證的實現(xiàn)
這篇文章主要介紹了vue element動態(tài)渲染、移除表單并添加驗證的實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
vue3數據監(jiān)聽watch/watchEffect的示例代碼
我們都知道監(jiān)聽器的作用是在每次響應式狀態(tài)發(fā)生變化時觸發(fā),在組合式?API?中,我們可以使用?watch()函數和watchEffect()函數,下面我們來看下vue3如何進行數據監(jiān)聽watch/watchEffect,感興趣的朋友一起看看吧2023-02-02

