首頁 web前端 js教程 webstorm和.vue中es6語法報錯如何處理

webstorm和.vue中es6語法報錯如何處理

May 23, 2018 am 11:15 AM
web webstorm

這次帶給大家webstorm和.vue中es6語法報錯如何處理,處理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”屬性

&lt;script type=&quot;es6&quot;&gt;
&lt;/script&gt;
登入後複製

(3).將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檔案完成。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

使用vue.js實作編輯食譜

mpvue小程式markdown適配怎麼實作

以上是webstorm和.vue中es6語法報錯如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

webstorm閃退怎麼解決 webstorm閃退怎麼解決 Apr 08, 2024 pm 02:24 PM

webstorm閃退怎麼解決

webstorm怎麼運行jsp項目 webstorm怎麼運行jsp項目 Apr 08, 2024 pm 03:39 PM

webstorm怎麼運行jsp項目

如何重啟webstorm 如何重啟webstorm Apr 08, 2024 pm 07:15 PM

如何重啟webstorm

webstorm怎麼連接資料庫 webstorm怎麼連接資料庫 Apr 08, 2024 pm 03:42 PM

webstorm怎麼連接資料庫

webstorm和vscode哪個好用 webstorm和vscode哪個好用 Apr 08, 2024 pm 07:33 PM

webstorm和vscode哪個好用

webstorm怎麼自動換行 webstorm怎麼自動換行 Apr 08, 2024 pm 03:48 PM

webstorm怎麼自動換行

webstorm開發uniapp專案如何啟動預覽 webstorm開發uniapp專案如何啟動預覽 Apr 08, 2024 pm 06:42 PM

webstorm開發uniapp專案如何啟動預覽

webstorm自動換行在哪 webstorm自動換行在哪 Apr 08, 2024 pm 08:09 PM

webstorm自動換行在哪

See all articles