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

Syntax WebStorm/JetBrains:无法识别.vue文件中的es6语法,syntax,ecmascript-6,webstorm,vue.js,jetbrains-ide,Syntax,Ecmascript 6,Webstorm,Vue.js,Jetbrains Ide,我正在Webstorm中使用vue框架,使用ES6语法 我已经安装了vue for idea插件,如果我使用纯ES5语法,一切都会顺利进行 但代码的ES6部分似乎还未被识别,并被强调警告: 这段代码例如: <script> import { DeUser } from '../api/resource'; export default{ ..... ready() { // Warned by: The expression statement is not assignm

我正在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>

从“../api/resource”导入{DeUser};
导出默认值{
.....
就绪(){
//警告:表达式语句在此代码中不是赋值
DeUser.get().then((resp)=>{
控制台日志(resp);
});
},

我完美地运行了我的项目并获得了正确的响应,但WebStorm向我展示了一些技巧表达式语句不是赋值,我如何解决它?

最终得到了一个简单的解决方案,在
.vue
文件中,只需将
lang=“babel”
作为属性添加到
标记中:

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

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

您可以将lang=“babel”或type=“text/ecmascript-6”添加到标记中


或:


另外,VisualStudio代码中有一些很好的vue插件,你可以试试


不确定Vue使用了什么其他语法,但您是否尝试过在“首选项”中的“文件类型”下将.Vue文件注册为HTML?是的,但它也会显示所使用的tipsWebStorm版本?@gbhlwm 1)请使用
@username
否则用户不会收到新注释的通知2)仅在2)中使用普通/普通
标记支持ES6语法016.2版本--您可以
<script lang="babel">
</script>
<script type="text/ecmascript-6">
</script>