vue文件在webstorm中es6语法报错解决方法

.vue文件在webstorm中es6语法报错解决方法

转载:https://www.cnblogs.com/yuqing6/p/6945792.html

1 语法支持es6设置

1
Preferences > Languages & Frameworks > JavaScript

  把 Javascript Language version 改为 ECMAScript 6,这样做所有的.js文件中es6不再报错,但是在.vue文件中es6语法依然报错。

vue文件在webstorm中es6语法报错解决方法

2 vue文件中解决报错

  1. 在script标签上添加属性  type="es6"
1
2
3
<script type="es6">
 
</script>

  2.  添加 XML Tag Injection

1
Settings > Language Injections

  新建XML Tag Injection

vue文件在webstorm中es6语法报错解决方法

 

 

大功告成, 这样在就可以在Vue中使用es6语法了, 并且可以正常提示