idea导入VUE项目报错

说明： 每个IDEA版本对应的vue不同，请下载自己需要的vue版本。

1、导入vue.js

打开idea,File->Setting->Plugins,查找vue，点击安装，安装后重启idea。

2、安装vue.jar

根据idea下载对应插件，下载地址https://plugins.jetbrains.com/plugin/9442-vue-js/versions
下载完成后将解压后的文件安装到自己的IDEA安装目录下的plugins文件夹中
打开idea,File->Setting->Plugins，在设置中点击Install plugins from disk，找到下载的vue.jar文件，然后重启ieda。

3、安装后设置

setting–>Editor–>File Types 找到vue模板，添加*.vue。

4 导入vue项目了，打开index.vue，文中代码报错

（这是由于idea和es5不同步，需要将es5改为es6，才能使项目不报错）

选择了es6的选项（既然作为高逼格的语言，那vue还是搭配高逼格的es6吧）

5、验证

到此vue文件的图标就变成

6、模板内容需要根据开发习惯和需求进行更改