javascript - 如何让 Webstorm 11 识别 HTML 脚本标签中的 ES2015 javascript

Question

当 WebStorm 11 位于常规 HTML 的脚本标签内时，我一直无法识别/突出显示/解析 ES6/ES2015 javascript。找不到似乎适用于此的设置。提前感谢您的宝贵时间。

比如下面的js在一个script标签里面。您会注意到 WebStorm 认为它破坏了很多东西，但它执行得很好。

Answer 1

使用 <script type="text/ecmascript-6">而不是 <script type="text/javascript">应该对你有帮助。

Issue on JetBrans YouTrack on the topic .

更新:

它看起来像一个 WebStorm 错误(在最新版本上测试过):

  var a = (d) => {}; //OK
  a.v('c', (d) => {}); // OK
  class Test {
    doSmth(){
      a.sh('ff', (d) => {});
      //            ^^^^^^ , or ) expected when in <script>
      //            100% OK when in a js file
    }
  }

我认为您可以联系 JetBrains 支持，他们可能会修复它。

但无论如何，我不认为it's a good practice to have JS in your HTML此外，ES6 尚未得到普遍支持。

更新 2:

正如 zigomir 在评论中发表的那样, 你可能想使用 type="text/babel"而不是 type="text/ecmascript-6"在 .vue文件或其他 linting 将不起作用。