您的位置 首页 技术

vscode设置html标签代码补全

1、安装插件 2、配置files.associations对象 打开后页面如下: 在Comm Used列表中找到"files.associations": {}…

1、安装插件

ff000d5c3ce566a429ac2e5f11120d7.png

2、配置files.associations对象

35082bfd2aac435a025ba665aa1f58a.png

打开后页面如下:

3cfd5b7cd9ee50e2489b075fa5f507b.png

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

db402df3afa9e5974717a4c06215a44.png

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

eb240b54448d4fc3773e05d70d41a32.png

添加一行

a84ccacf3d6546415705c36ce3b141a.png

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

b9286b4a427fb1d2a8375f4b1554562.png

添加

5bd7dc5911851c3e1db6a68cd8358b9.png

保存后,回到js文件,打<div>标签,自动补全,代码生效。

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

比如:

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

要记得两个setting都要加。

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

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

本文来自网络,不代表24小时课堂在线立场,转载请注明出处:https://www.24ketang.cn/21948.html

为您推荐

返回顶部