让IntelliJIDEA支持.vue文件的方法-成都快上网建站

让IntelliJIDEA支持.vue文件的方法

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

创新互联公司是一家专业的成都网站建设公司,我们专注成都做网站、成都网站制作、网络营销、企业网站建设,外链1元广告为企业客户提供一站式建站解决方案,能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高,创新互联力求做到尽善尽美。

第一步:先安装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新建文件

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


文章名称:让IntelliJIDEA支持.vue文件的方法
文章地址:http://kswjz.com/article/jhpiss.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流