WebStorm无法识别.vue文件

我使用WebStorm打开项目时，通过Vue CLI创建了一个Vue项目，但是

.Vue

文件看起来像纯文本，没有突出显示语法

代码如下：

{{msg}}
基本环节






生态系统






导出默认值{
名称：“应用程序”，
数据（）{
返回{
msg:'欢迎使用您的Vue.js应用程序'
}
}
}
#应用程序{
字体系列：“Avenir”、Helvetica、Arial、无衬线字体；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
文本对齐：居中；
颜色：#2c3e50；
边缘顶部：60像素；
}
h1，h2{
字体大小：正常；
}
保险商实验室{
列表样式类型：无；
填充：0；
}
李{
显示：内联块；
利润率：0.10px；
}
a{
颜色：#42b983；
}

首先，在

首选项| Plugins

中添加插件

那你应该

转到：WebStorm->首选项->编辑器->文件类型->HTML:

在

注册模式中

没有

*.vue

在注册模式中添加

*.vue

，如下所示：

然后应用它

确保在首选项| Plugins中启用插件-它与最新的WebStorm版本捆绑在一起。如果安装并启用了

*.vue

扩展名，请确保在首选项|编辑器|文件类型中为vue.js模板分配了

.vue

扩展名，并且您的

App.vue

模式没有注册为文本文件类型