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

Question

我一直无法让WebStorm 11识别/突出显示/解析ES6/ES2015 javascript,当它在常规HTML中的脚本标记内时.找不到似乎适用于此的设置.在此先感谢您的时间.

例如,以下js位于脚本标记内.你会注意到WebStorm认为一大堆东西都被破坏了,但它执行得很好.

Answer 1

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

有关该主题的JetBrans YouTrack问题.

UPD:

它看起来像一个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支持,可能他们会修复它.

但无论如何,我不认为在你的HTML中使用JS是一个好习惯,而且,ES6还没有得到普遍支持.

UPD 2:

正如zigomir在评论中所发表的那样,您可能希望使用type="text/babel"而不是type="text/ecmascript-6"在.vue文件中,否则linting将无法使用.