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文件就相當(dāng)于html文件，可以編輯css，js，也都有智能提示。但是，在.vue文件中es6語法還是報錯。
(2).粗暴：直接在<script>標(biāo)簽中添加type="text/ecmascript-6"，.vue里面的代碼會高亮并支持ES6。
type=”es6”屬性
<script type="es6"> </script>
(3).將script標(biāo)簽添加
然后打開 Settings => Language Injections 添加 XML Tag Injection，內(nèi)容如下圖。
3.補(bǔ)充新功能：右鍵新建時出現(xiàn).vue文件類型，就像新建html文件一樣，方法：
Setting-Editor-File and Code Templates 點(diǎn)擊右上角的加號 添加vue文件 Name為vue File, Extension 為vue,下面的位置可以填寫自定義的初始化模板內(nèi)容。
點(diǎn)擊OK 返回，在項目中新建會出現(xiàn)vue文件 webstorm配置新建vue文件完成。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- 如何使用Webstorm和Chrome來調(diào)試Vue項目
- WebStorm無法正確識別Vue3組合式API的解決方案
- 如何用Idea或者webstorm跑一個Vue項目(步驟詳解)
- 基于vue項目設(shè)置resolves.alias: ''@''路徑并適配webstorm
- webstorm建立vue-cli腳手架的傻瓜式教程
- 解決Idea、WebStorm下使用Vue cli腳手架項目無法使用Webpack別名的問題
- webstorm+vue初始化項目的方法
- vue: WebStorm設(shè)置快速編譯運(yùn)行的方法
- webstorm中vue語法的支持詳解
- vue模板配置與webstorm代碼格式規(guī)范設(shè)置
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了基于Vue方法實(shí)現(xiàn)簡單計時器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
Vue+Echarts實(shí)現(xiàn)繪制動態(tài)折線圖
這篇文章主要為大家詳細(xì)介紹了如何利用Vue和Echarts實(shí)現(xiàn)繪制動態(tài)折線圖，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-03-03
el-form-item表單label添加提示圖標(biāo)的實(shí)現(xiàn)
本文主要介紹了el-form-item表單label添加提示圖標(biāo)的實(shí)現(xiàn),我們將了解El-Form-Item的基本概念和用法,及添加提示圖標(biāo)以及如何自定義圖標(biāo)樣式,感興趣的可以了解一下2023-11-11
vue實(shí)踐---vue不依賴外部資源實(shí)現(xiàn)簡單多語操作
這篇文章主要介紹了vue實(shí)踐---vue不依賴外部資源實(shí)現(xiàn)簡單多語操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
vue2.0 computed 計算list循環(huán)后累加值的實(shí)例
下面小編就為大家分享一篇vue2.0 computed 計算list循環(huán)后累加值的實(shí)例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
本文給大家介紹了vue項目中跨域問題的完美解決方案，通過更改header，使用http-proxy-middleware 代理解決（項目使用vue-cli腳手架搭建），具體內(nèi)容詳情大家跟隨腳本之家小編一起學(xué)習(xí)吧2018-06-06
Vue3中el-table表格數(shù)據(jù)不顯示的原因和解決方法
這篇文章主要給大家介紹了Vue3中el-table表格數(shù)據(jù)不顯示的原因和解決方法,文中有詳細(xì)的代碼示例供大家參考,如果有遇到相同問題的朋友可以參考閱讀本文,希望能夠幫到您2023-11-11
這篇文章主要介紹了Vue如何為GET或POST請求設(shè)置請求頭，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue3如何使用vant-picker封裝省市二級聯(lián)動
這篇文章主要介紹了vue3如何使用vant-picker封裝省市二級聯(lián)動，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
詳解關(guān)于Vuex的action傳入多個參數(shù)的問題
這篇文章主要介紹了詳解關(guān)于Vuex的action傳入多個參數(shù)的問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02