webstorm下使用ES6的箭头函数写Vue组件提示错误

Question

1.webstorm中我在写Vue组件时尝试了ES6的箭头函数写法，但是代码提示有错误，实际是可以编译通过的
2.现在让人很别扭的就是看起来很别扭，而且代码格式化后也不再整齐
3.是否是我缺少了一些设置，还是说需要额外下一些插件来解决，我已经尝试了vue-for-idea插件和vue插件，但是目前这两个插件都不能解决我的需求
4.代码就不贴了，直接贴图看下目前的情况吧

Answer 1

将<script>改写成<script type="text/ecmascript-6">

Answer 2

第一步：安装vuejs插件

第二步：配置项目支持ES6

Answer 3

我之前遇到这个问题的时候， 把前面讲的配置内容都搞好，把项目目录下的.idea目录删了重新登录webstorem就好了

Answer 4

按这样设置了，还不行啊- -，箭头函数还是会有红色线

Answer 5

IntelliJ突然不支持es6，比如箭头函数报错
https://www.zhoulujun.cn/html...
删除 itellij 配置文件

Answer 6

这个是webstorm的bug所有的inline script block 都不能显示arrow function，
https://youtrack.jetbrains.co...

Answer 7

最新的版本里，将 <script type="text/ecmascript-6"> 变更成 <script type="babel"> 就可以啦

额。。。好像也不行，貌似是某次 java 更新以后就不行了。