vscode如何快速补全div标签
安装HTML插件
首先，在使用vscode进行HTML开发时，需要安装HTML插件，才能提供相关功能的支持。在vscode中，点击左侧最后一个图标打开Extensions（扩展程序）菜单，搜索并安装“HTML”插件。安装完成后，重启vscode。
键入div标签
在HTML文件中，键入“div”字母后，可以看到下拉框列表中已经出现了div标签的提示。选择“div”标签并按下“Enter”键即可自动补全。
<div></div>注意，这里的div标签是空的，必须手动添加“class”、“id”等属性才能被正确识别和使用。
使用Emmet扩展快速补全div标签
Emmet是一个非常强大的快速编写HTML、CSS和XML代码的插件，可以有效地提高代码编写速度。默认情况下，Emmet在vscode中是开启的。在HTML文件中，可以直接键入“.”或“#”符号后紧接着类名或ID名，然后按下“Tab”键，即可快速生成带有相应属性的div标签。
例如，输入“.container”后按下“Tab”键，就能快速补全以下div标签：
<div class="container"></div>同样地，输入“#header”后按下“Tab”键，就能快速添加一个具有id属性的div标签：
<div id="header"></div>使用快捷键补全div标签
在vscode中，还可以使用快捷键快速补全div标签。方法是：在HTML文件中，输入“div”，然后按下“Ctrl+Shift+Enter”键，即可自动补全div标签并将光标移至标签内部，方便用户立即输入子元素或文本内容。
需要注意的是，这种方式只能补全空的div标签，不能添加class或id属性等其他属性。
自定义代码片段
在vscode中，还可以自定义代码片段，以便更快速地生成代码。在vscode中，点击左侧最后一个图标打开Extensions（扩展程序）菜单，搜索并安装“Custom CSS and JS Loader”插件。安装完成后，重启vscode。
在vscode中，按下“Ctrl+Shift+P”键，调出命令面板，输入“User Snippets”，选择“User Snippets：New Global Snippets File”，然后选择“HTML”文件类型，输入代码片段的名称（例如“div”），键入代码片段的内容，保存即可。
例如，我们可以将以下代码片段保存为“div.code-snippets”文件，然后在编辑器中输入“div+Tab”即可快速生成div标签。
"div": {
"prefix": "div",
"body": [
"
",
"\t$0",
"
"
],
"description": "create div tag with class"
}
以上是vscode如何快速补全div标签的方法，不同的方法都具有优缺点，用户可以选择适合自己的方式来编写HTML代码，提高编码效率。