如何處理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。 </script>

type=”es6”屬性

<script>
</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中文網其它相關文章！

推薦閱讀：

php使用curl隱藏覆寫來源ip

#php curl批次控制並發非同步操作

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