vscode设置html标签代码补全

vscode设置html标签代码补全

1、安装插件

ff000d5c3ce566a429ac2e5f11120d7.png

2、配置files.associations对象

35082bfd2aac435a025ba665aa1f58a.png

打开后页面如下:

3cfd5b7cd9ee50e2489b075fa5f507b.png

在Comm Used列表中找到"files.associations": {}

db402df3afa9e5974717a4c06215a44.png

点击左边的edit按钮,在右边的编辑框编辑,原来是

eb240b54448d4fc3773e05d70d41a32.png

添加一行

a84ccacf3d6546415705c36ce3b141a.png

传媒公司模板(RTCMS)1.0 传媒公司模板(RTCMS)1.0

传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目,如果修改栏目,需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML,安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据,安装时可选择演示安装或全新安装。如果全新安装,后台内容充实后,首页才能完全显示出来。(全新安装后可以删除演示数据用到的图片,目录在https://

传媒公司模板(RTCMS)1.0 0 查看详情 传媒公司模板(RTCMS)1.0

同样,在Workspace settings里也做更改,原来是

b9286b4a427fb1d2a8375f4b1554562.png

添加

5bd7dc5911851c3e1db6a68cd8358b9.png

保存后,回到js文件,打

标签,自动补全,代码生效。

Tips:如果你想补全的文件不是js文件,而是其他后缀,比如.vue文件,直接把文件后缀加到list后面即可

比如:

{
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {
        "*.js": "html",
        "*.vue": "html"
    }
}

要记得两个setting都要加。

相关文章教程推荐:vscode教程

以上就是vscode设置html标签代码补全的详细内容,更多请关注其它相关文章!

本文转自网络,如有侵权请联系客服删除。