webstorm和.vue中es6語法報錯的解決方法

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

本篇文章主要介紹了webstorm和.vue中es6語法報錯的解決方法，小編總結(jié)了webstorm和.vue中出現(xiàn)的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àng)目中新建會出現(xiàn)vue文件 webstorm配置新建vue文件完成。

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

您可能感興趣的文章:

相關(guān)文章

vue2路由中router-view不顯示的原因及踩坑記錄
這篇文章主要介紹了vue2路由中router-view不顯示的原因及踩坑記錄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
Vue3使用setup如何定義組件的name屬性詳解
vue3中新增了setup,它的出現(xiàn)是為了解決組件內(nèi)容龐大后,理解和維護(hù)組件變得困難的問題,下面這篇文章主要給大家介紹了關(guān)于Vue3使用setup如何定義組件的name屬性的相關(guān)資料,需要的朋友可以參考下
2022-06-06
使用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)渲染、移除表單并添加驗(yàn)證的實(shí)現(xiàn)
這篇文章主要介紹了vue element動態(tài)渲染、移除表單并添加驗(yàn)證的實(shí)現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-01-01
vue3實(shí)現(xiàn)無縫滾動組件的示例代碼
在日常開發(fā)中,經(jīng)常遇到需要支持列表循環(huán)滾動展示,特別是在數(shù)據(jù)化大屏開發(fā)中,所以小編今天為大家介紹一下如何利用vue3實(shí)現(xiàn)一個無縫滾動組件吧
2023-09-09
vue-form表單驗(yàn)證是否為空值的實(shí)例詳解
今天小編就為大家分享一篇vue-form表單驗(yàn)證是否為空值的實(shí)例詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
vue混入mixin的介紹及理解
混入(mixin)提供了一種非常靈活的方式，來分發(fā)vue組件中的可復(fù)用功能。一個混入對象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對象時，所有混入對象的選項(xiàng)將被“混合”進(jìn)入該組件本身的選項(xiàng)
2022-08-08
vue3數(shù)據(jù)監(jiān)聽watch/watchEffect的示例代碼
我們都知道監(jiān)聽器的作用是在每次響應(yīng)式狀態(tài)發(fā)生變化時觸發(fā)，在組合式?API?中，我們可以使用?watch()函數(shù)和watchEffect()函數(shù),下面我們來看下vue3如何進(jìn)行數(shù)據(jù)監(jiān)聽watch/watchEffect，感興趣的朋友一起看看吧
2023-02-02
Vue.js 遞歸組件實(shí)現(xiàn)樹形菜單（實(shí)例分享）
本文主要對介紹利用Vue.js 的遞歸組件，實(shí)現(xiàn)了一個最基本的樹形菜單。具有很好的參考價值，下面就跟著小編一起來看下吧
2016-12-12