webstorm和.vue中es6語法報錯如何處理
May 23, 2018 am 11:15 AM這次帶給大家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中文網其它相關文章!
推薦閱讀:
以上是webstorm和.vue中es6語法報錯如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱門文章

熱門文章

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

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