vscode怎么自动补齐标签

王林
王林 原创
2020-03-13 16:40:18 3955浏览

1、安装插件

8d8a6a7a4b4b7edc1c5f01bdb62f2fc.png

(推荐学习视频:java学习视频

2、配置files.associations对象

a0991d78f04d5bacb0beff1f452ac84.png

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

73b5b77c593e2684b1ebd1ea705c9bf.png

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

{    "emmet.triggerExpansionOnTab": true}

添加一行

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

同样,在Workspace settings里也做更改

原来是

{    "workbench.editor.closeEmptyGroups": false,    "emmet.triggerExpansionOnTab": true}

添加一行

{    "workbench.editor.closeEmptyGroups": false,    "emmet.triggerExpansionOnTab": true,    "files.associations": {"*.js": "html"}
}

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

推荐教程:vscode教程

以上就是vscode怎么自动补齐标签的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。