快捷導(dǎo)航

webstorm和.vue中es6語法報(bào)錯(cuò)的解決方法

更新時(shí)間：2018年05月08日 10:18:45 作者：方便以后復(fù)習(xí)

本篇文章主要介紹了webstorm和.vue中es6語法報(bào)錯(cuò)的解決方法，小編總結(jié)了webstorm和.vue中出現(xiàn)的es6語法報(bào)錯(cuò)，避免大家采坑，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

1.webstorm中es6語法報(bào)錯(cuò)，解決方法：

打開 Settings => Languages & Frameworks => Javascript

把 Javascript Language version 改為 ECMAScript 6

這樣做所有的.js文件中es6不再報(bào)錯(cuò)，但是.vue文件中es6語法依然報(bào)錯(cuò)。

2. .vue文件中es6語法報(bào)錯(cuò)

(1)打開 Settings => File Types 找到 HTML 添加 *.vue

這樣vue文件就相當(dāng)于html文件，可以編輯css，js，也都有智能提示。但是，在.vue文件中es6語法還是報(bào)錯(cuò)。

(2).粗暴：直接在<script>標(biāo)簽中添加type="text/ecmascript-6"，.vue里面的代碼會(huì)高亮并支持ES6。

type=”es6”屬性

<script type="es6">
</script>

(3).將script標(biāo)簽添加

然后打開 Settings => Language Injections 添加 XML Tag Injection，內(nèi)容如下圖。

3.補(bǔ)充新功能：右鍵新建時(shí)出現(xiàn).vue文件類型，就像新建html文件一樣，方法：

Setting-Editor-File and Code Templates 點(diǎn)擊右上角的加號(hào) 添加vue文件 Name為vue File, Extension 為vue,下面的位置可以填寫自定義的初始化模板內(nèi)容。

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

基于Vue方法實(shí)現(xiàn)簡(jiǎn)單計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了基于Vue方法實(shí)現(xiàn)簡(jiǎn)單計(jì)時(shí)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
Vue+Echarts實(shí)現(xiàn)繪制動(dòng)態(tài)折線圖
這篇文章主要為大家詳細(xì)介紹了如何利用Vue和Echarts實(shí)現(xiàn)繪制動(dòng)態(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)簡(jiǎn)單多語操作
這篇文章主要介紹了vue實(shí)踐---vue不依賴外部資源實(shí)現(xiàn)簡(jiǎn)單多語操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2020-09-09
vue2.0 computed 計(jì)算list循環(huán)后累加值的實(shí)例
下面小編就為大家分享一篇vue2.0 computed 計(jì)算list循環(huán)后累加值的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
Vue項(xiàng)目中跨域問題解決方案
本文給大家介紹了vue項(xiàng)目中跨域問題的完美解決方案，通過更改header，使用http-proxy-middleware 代理解決（項(xiàng)目使用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請(qǐng)求設(shè)置請(qǐng)求頭
這篇文章主要介紹了Vue如何為GET或POST請(qǐng)求設(shè)置請(qǐng)求頭，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue3如何使用vant-picker封裝省市二級(jí)聯(lián)動(dòng)
這篇文章主要介紹了vue3如何使用vant-picker封裝省市二級(jí)聯(lián)動(dòng)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10
詳解關(guān)于Vuex的action傳入多個(gè)參數(shù)的問題
這篇文章主要介紹了詳解關(guān)于Vuex的action傳入多個(gè)參數(shù)的問題，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-02-02