让IntelliJ IDEA支持.vue文件

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

第一步:先安装vue插件:

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


让IntelliJ IDEA支持.vue文件_第1张图片
安装vue插件

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


让IntelliJ IDEA支持.vue文件_第2张图片
安装vue插件
第二步:设置vue新建文件模板。

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


让IntelliJ IDEA支持.vue文件_第3张图片
设置vue新建文件

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


让IntelliJ IDEA支持.vue文件_第4张图片
设置vue新建文件

你可能感兴趣的:(让IntelliJ IDEA支持.vue文件)