WebStorm/JetBrains：无法识别.vue文件中的es6语法

Question

我在Webstorm中使用vue框架，使用ES6语法。

我已经安装了vue-for-idea插件，如果我使用纯ES5语法，一切都很好。

但是似乎代码的ES6部分尚未被识别，并且被标记为警告：

例如这段代码：

<script>
import { DeUser } from '../api/resource';

export default{

.....

ready() {
  // Warned by: The expression statement is not assignment in this code
  DeUser.get().then((resp) => {
    console.log(resp);
  });
},
</script>

我的项目已经完美运行，并正确得到了响应，但WebStorm却提示我表达式语句不是赋值操作，我该如何解决？

- gbhlwm

---

不确定Vue使用了哪些其他语法，但您是否尝试在首选项中的文件类型下将.vue文件注册为HTML？ - CodingIntrigue

是的，但它也会显示给我提示。 - gbhlwm

使用的 WebStorm 版本是什么？ - LazyOne

@gbhlwm 1) 请使用 @用户名，否则用户将无法收到新评论的通知。2) 普通/纯文本 <script> 标签中对 ES6 语法的支持 是在 2016.2 版本中添加的--您可以在此处尝试 EAP 构建。 - LazyOne

Answer 1

最终得到了一个简单的解决方案，在你的.vue文件中，只需在<script>标签中添加lang="babel"作为属性:

<template>
  <!-- markup content -->
</template>

<script lang="babel">
</script>

- Alfred Huang

Answer 2

你可以在

- Jason Chang