让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://hxwzsj.com/article/jhpiss.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 网站设计公司 成都品牌网站设计 高端网站设计推广 重庆电商网站建设 重庆网站建设 网站制作 四川成都网站制作 成都网站建设 成都网站设计 成都网站设计 自适应网站建设 成都网站制作 成都网站制作 企业网站建设 企业网站设计 定制级高端网站建设 高端网站设计 成都网站建设 网站建设 重庆手机网站建设 成都网站建设 成都定制网站建设