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

這次帶給大家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”屬性

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

(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中文網其他相關文章！