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

时间:2022-08-25 13:02:02

最近将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新建文件

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

原文链接:https://www.jianshu.com/p/01d832e028ea