javascript - 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) 太旧。

添加type="text/babel"到<script>标签建议 - 仅从 10.0.3 开始支持。

WebStorm 2016.2 中提供了内联脚本中 ES6 的“正确”修复(已经存在 1 多年了)-- https://youtrack.jetbrains.com/issue/WEB-16444

<小时/>

我建议获取最新的 WebStorm 2017.2.5 并尝试一下(看看您的代码在那里如何工作)。

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