ES6 语法在 WebStorm 的 .vue 文件中被突出显示为错误。我怎样才能解决这个问题?
ES6 syntax are highlighted as error in .vue files in WebStorm. How can I fix this?
WebStorm 版本:10.0.1
上图显示了 .vue 文件的 JavaScript 部分。它可以正常工作,但 IDE 将 ES6 语法突出显示为错误。
我看到有人推荐使用 type="text/babel"
或 type="text/ecmascript-6"
但在这两种情况下它都是灰色的并且没有突出显示:
在 this thread 中,它询问我的确切问题。开发商说会修(虽然我认为问题是 IDE 相关)。
这一定是 WebStorm 用户中非常常见的问题,因为大多数人使用 ES6 和 Vue。有人解决了这个问题吗?
您的 WebStorm 版本 (10.0.1) 太旧。
将 type="text/babel"
添加到 <script>
标签建议 -- 仅自 10.0.3 起受支持。
WebStorm 2016.2(已经超过 1 年)提供了内联脚本中 ES6 的 "proper" 修复程序 -- https://youtrack.jetbrains.com/issue/WEB-16444
我建议获取最新的 WebStorm 2017.2.5 并试一试(看看你的代码在那里是如何工作的)。
请注意,它现在捆绑了自己的 Vue.js 插件 .. 因此您可能需要先删除您的插件(如果您打算从当前版本导入设置)。
WebStorm 版本:10.0.1
上图显示了 .vue 文件的 JavaScript 部分。它可以正常工作,但 IDE 将 ES6 语法突出显示为错误。
我看到有人推荐使用 type="text/babel"
或 type="text/ecmascript-6"
但在这两种情况下它都是灰色的并且没有突出显示:
在 this thread 中,它询问我的确切问题。开发商说会修(虽然我认为问题是 IDE 相关)。
这一定是 WebStorm 用户中非常常见的问题,因为大多数人使用 ES6 和 Vue。有人解决了这个问题吗?
您的 WebStorm 版本 (10.0.1) 太旧。
将 type="text/babel"
添加到 <script>
标签建议 -- 仅自 10.0.3 起受支持。
WebStorm 2016.2(已经超过 1 年)提供了内联脚本中 ES6 的 "proper" 修复程序 -- https://youtrack.jetbrains.com/issue/WEB-16444
我建议获取最新的 WebStorm 2017.2.5 并试一试(看看你的代码在那里是如何工作的)。
请注意,它现在捆绑了自己的 Vue.js 插件 .. 因此您可能需要先删除您的插件(如果您打算从当前版本导入设置)。