让IntelliJ IDEA支持创建*.vue文件及打开*.vue文件

第一步:先安装vue插件:

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

让IntelliJ IDEA支持创建*.vue文件及打开*.vue文件_第1张图片

 

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

让IntelliJ IDEA支持创建*.vue文件及打开*.vue文件_第2张图片

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

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

 让IntelliJ IDEA支持创建*.vue文件及打开*.vue文件_第3张图片

 

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

让IntelliJ IDEA支持创建*.vue文件及打开*.vue文件_第4张图片

但是不能打开*.vue文件,需要添加file type

让IntelliJ IDEA支持创建*.vue文件及打开*.vue文件_第5张图片

 

转自 https://www.jianshu.com/p/01d832e028ea

转载于:https://www.cnblogs.com/ithfm/p/10900443.html

你可能感兴趣的:(让IntelliJ IDEA支持创建*.vue文件及打开*.vue文件)