Vue.js框架:IDEA中vue文件代码自动补全设置

摘要:
配置vue文件模板:File-˃Settings-˃FileTypes-˃HTML:添加后缀名*.vue,配置完成。可以看到在HTML下面显示了一些后缀名,即这些后缀名的格式文件都是按照HTML文件进行处理。

一、初始效果

Vue.js框架:IDEA中vue文件代码自动补全设置第1张

默认的vue文件,在IDEA中编辑起来和在记事本中没啥差别,没有颜色区分,没有自动补全

二、设置方法

1、安装vue.js插件:

(1)搜索vue.js插件进行安装:

File->Settings->Plugins:

Vue.js框架:IDEA中vue文件代码自动补全设置第2张

重启IDEA使其生效。

(2)配置vue文件模板:

File->Settings->File Types->HTML:

Vue.js框架:IDEA中vue文件代码自动补全设置第3张

Vue.js框架:IDEA中vue文件代码自动补全设置第4张

添加后缀名*.vue,配置完成。

Vue.js框架:IDEA中vue文件代码自动补全设置第5张

2、修改vue文件为html格式使用:

(1)进入配置页面:

将vue配置为html文件格式无需安装vue.js插件,直接在html模板中配置。

同样是File->Settings->File Types->HTML,配置过程参照上文。可以看到在HTML下面显示了一些后缀名,即这些后缀名的格式文件都是按照HTML文件进行处理。

(2)添加.vue后缀名:

点击右侧的+号,输入*.vue,完成添加。

三、查看效果

Vue.js框架:IDEA中vue文件代码自动补全设置第6张

这样就好多了。

免责声明:文章转载自《Vue.js框架:IDEA中vue文件代码自动补全设置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇保证看完就会!大数据YARN核心知识点来袭!netty中的引导Bootstrap服务端下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

[vue/no-parsing-error] Parsing error: invalid-first-character-of-tag-name.eslint-plugin-vue Parsing error: invalid-first-character-of-tag-name.eslint(vue/no-parsing-error)

问题描述: vue页面中使用插值语法和三元表达式,出现以上报错,但是可以正常运行; 报错代码如: <p>{{num<0?"你好":"hello"}}</> 报错信息 [vue/no-parsing-error] Parsing error: invalid-first-character-of-tag-name.eslin...

vue如何加入百度ssp广告位代码

vue如何加入百度联盟广告,可以参考 :http://www.cnblogs.com/beileixinqing/p/8379184.html 这里讲述vue如何加入百度ssp媒体的广告 这里是百度异步加载代码的说明 由于vue不能直接在页面中放置很多段js,script标签,所以最好的办法是采用异步加载的方式,vue引用的js只能放在index页面中,所...

LWIP总结

介绍     Lwip,light weight IP;是由Adam Dunkels 开发的一个小型开源的TCP/IP协议栈;目前已经为全球共同开发的开源协议;支持TCPIP协议族的核心协议;包括:ARP/ICMP/TCP/UDP/IPV4/IPV6/DHCP等;其核心特点是:功能齐全、运行需求的RAM和ROM少; 编程模型     所有的功能和性能都可进...

解决Idea 无法启动tomcat项目。unable to open debugger port , java.net.SocketException "socket closed"

刚安装了idea 17.3 版本的idea,因为项目是war包项目,故配置了tomcat,之后一直遇到unable to open debugger port的问题。   翻遍了国内外很多文档,解决办法无非两种,第一个找到对应的端口,杀进程,第二个,修改Idea的配置,如下图: 但是,我的电脑压根没有这个进程,端口改了也无济于事。最终发现,根本原因...

iOS中集成ijkplayer视频直播框架

ijkplayer 是一款做视频直播的框架,基于ffmpeg,支持 Android 和 iOS,网上也有很多集成说明,但是个人觉得还是不够详细,在这里详细的讲一下在 iOS 中如何集成ijkplayer,即便以前从没有接触过,按着下面做也可以集成成功! 一、下载ijkplayer ijkplayer下载地址:https://github.com/Bili...

linux上部署vue项目

1、是将dist文件夹下的内容不知道目录中,而不是dist目录 2、下面的/var/www目录可以自定义 1、需要改四个地方:listen server_name location中的root location中的proxy_pass listen:监听的端口,为vue的端口 server_name:服务器的名称,一般服务器的ip(写了地址可能有警告,不...