webstorn中的vue文件識別es6代碼

webstorn中的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。

(3).將script標籤添加 type=」es6」 屬性

<script type="es6">
</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文件完成。

 

原文地址：http://www.cnblogs.com/chenguangliang/p/6433462.html