ES6语法在WebStorm中的.vue文件中突出显示为错误。我该如何解决这个问题？

Question

WebStorm版本：10.0.1

上图显示了.vue文件的JavaScript部分。它没有问题，但是IDE将ES6语法强调为错误。

我看到有人建议使用type="text/babel"或type="text/ecmascript-6"，但在这两种情况下，它都是灰色的，没有突出显示：

在this thread中，它会询问我的确切问题。开发人员表示，它将被修复。 （虽然我认为问题与IDE有关）。

WebStorm用户必定是一个非常常见的问题，因为大多数人都使用ES6和Vue。有谁解决了这个问题？

Answer 1

您的WebStorm版本（10.0.1）太旧了。

将date添加到1标记建议中 - 仅支持10.0.3。

WebStorm 2016.2 （已超过1年）中提供了内联脚本中ES6的“正确”修复程序 - https://youtrack.jetbrains.com/issue/WEB-16444

我建议获取最新的WebStorm 2017.2.5并试一试（看看你的代码在那里如何运作）。

请注意，它现在附带了自己的Vue.js插件..因此您可能需要先删除插件（如果您打算从当前版本导入设置）。