欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

让IntelliJ IDEA支持.vue文件的方法

程序员文章站 2023-12-17 13:26:04
最近将idea升级到2018的版本,需要重新配置一下vue的环境,所以随便整理了一下操作过程。 第一步:先安装vue插件: file --> settings...

最近将idea升级到2018的版本,需要重新配置一下vue的环境,所以随便整理了一下操作过程。

第一步:先安装vue插件:

file --> settings --> plugins,然后什么都不用输入,直接点击browse repositories...

让IntelliJ IDEA支持.vue文件的方法

安装vue插件

紧接着左上方输入“vue”,点击搜索结果里的vue.js,右边会有绿色install按钮,安装成功后重启idea,这样idea就能识别.vue文件了。

让IntelliJ IDEA支持.vue文件的方法

安装vue插件

第二步:设置vue新建文件模板。

file-->setting-->editor-->file and code templates,选择vue file,然后可以在右边框中编辑默认模板内容,编辑完点击“ok”。

让IntelliJ IDEA支持.vue文件的方法

设置vue新建文件

这样就可以通过new选项创建.vue文件了。

让IntelliJ IDEA支持.vue文件的方法

设置vue新建文件

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

上一篇:

下一篇: