本文的例子分享了IntelliJ IDEA编辑器配置vue高亮的具体实现方法，供大家参考。具体内容如下

1.了解IntelliJ IDEA是否安装了vue.js

注：之前写过用cmd命令构建vue项目的全过程，详情在此

打开IDEA编辑器，快捷键Ctrl Alt S打开设置-插件-搜索vue.js(如果安装在图中，点击安装jets插件.如果没有安装，则安装它)，并在成功安装后重新启动IDEA。

2.在2中安装vue.js后。IDEA，Ctrl Alt S打开设置-编辑器-文件类型-html，点击右边的数字，添加*。vue，最后单击应用。

3.设置JS

继续ctrl alt s(设置)-语言框架-JavaScript选择ECMAScript 6和首选严格模式。

4.使用vue-cli构建和运行项目

打开命令行工具cmd(Window R)，或者在IDEA中的Terminal中输入想要构建的项目目录，输入vue init webpack mypro(mypro是想要构建的项目名称)，输入如下图：

5.输入构建的项目文件夹：cd mypro，输入npm install，node_modules文件夹将出现在项目文件夹中。

6.最后，执行npm run dev(在运行项目之前，记得将config文件夹中index.js中的autoOpenBrowser设置为true，这样npm run dev browser就会自动打开项目)。运行结果如下：

7.在中创建新文件。IDEA中的vue格式

IDEA编辑器在开发过程中没有. vue格式的文件，所以需要在编辑器中进行设置。

然后ctrl+alt-s(设置)-编辑器-文件和代码模板

设置后，可以直接新建。项目中的vue格式文件~ ~ ~

新创建的home.vue结果：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。