首页 > Web开发 > 详细

使用vscode时,如何在.vue文件中使用html代码补全功能

时间:2018-05-10 16:50:56      阅读:203      评论:0      收藏:0      [点我收藏+]

一、在vscode中把这个插件下载了并且启用,然后翻阅插件的ReadMe,我们可以看到如下图得FAQ:

技术分享图片

 

二、settings.json中配置files.associations对象

首先,依次打开“文件 --> 首选项 --> 设置”,就会看到settings.json文件了

然后在settings.json中找到“常用设置”里的files.associations对象

然后把鼠标滑到对象的左边,会出现如图所示的一个“编辑”的标志,点击它,就会打开右边编辑页,如图:

技术分享图片

按照上图的步骤去配置就可以了,然后再回到.vue的页面,打出div,再按住tab键,就可以自动补全代码了,这里只用写最后一句话就可以了

技术分享图片

可以看到也出现了代码提示功能,你可以选择一个自己想要的,也可以不选,直接按住tab键,就可以生成<p></p>了,如下图:

技术分享图片

使用vscode时,如何在.vue文件中使用html代码补全功能

原文:https://www.cnblogs.com/lixiangzheng/p/9019948.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!