什么是VS Code
Visual Studio Code（简称VS Code）是一个免费的开源代码编辑器，适用于 Windows、Mac 和 Linux 平台。它通过具有智能代码补全、代码片段和自动化工具等功能，以及其内置的 Git 版本控制来提高代码的编写质量和开发效率。
VS Code中自动补全标签的方法
在VS Code中使用自动补全的方法是在输入HTML标记时，直接输入左尖括号“<”，然后编辑器就会自动弹出可能要输入的HTML标签以及标签的属性等内容。
自动补全HTML标签
在编辑HTML文件时，在编辑器中输入“<”符号时，编辑器会自动显示与此标签相关联的其他标记。使用上箭头和下箭头可以在下拉列表中选择所需的标记，也可以直接输入标记名称并按Tab键进行完成。下面是在编辑器中创建HTML表格时自动补全的演示。
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<!-- 行数据来自数据库 -->
<tr>
<td>John</td>
<td>28</td>
<td>New York</td>
</tr>
</tbody>
</table>
在上面的代码中，输入“<tr>”之后，编辑器会自动提示“<tr>”标记，并且在该标记内自动添加“</tr>”。同样，当在“<th>”中键入>时，编辑器将自动补全标记，如“</th>”。
自动补全标签属性
当在输入标记时，也可以通过键入空格来补全标记的特定属性。标签属性通常用于指定标签的更多信息，例如“<a>”标签指定链接目标和文本描述。当在标记名称后键入空格时，编辑器将自动显示所有可能的属性。
例如，在“<a>”标记中，如果您键入“href”后接一个空格，编辑器就会自动补全所有可能的属性值，如下所示：
<a href="http://www.example.com">Link</a>
在上面的例子中，当您键入“href”的时候，编辑器自动提示可能的值，你可以从这些值中进行选择或者继续键入自定义值。
其他有用的补全技巧
自动补全文件名
对于VS Code用户来说，一些视觉提示也可提供进一步的帮助。例如，在开始输入文件名时，编辑器会自动显示可能的文件名和路径提示。例如，如果您想要在项目中创建一个新文件，只需键入文件名中的字符串，编辑器将自动补全文件名，并显示所有可能的路径提示。
自动补全代码段
对于需要频繁使用的特定代码段的用户，代码段功能非常有用。代码段是预先定义的片段，可用于插入常用但仍然重复的代码。例如，如果您经常使用某些特定的HTML代码片段，您可以保存它们并将它们放在代码段中。 在每次需要时，它们可用于键入简短的触发器词语并通过“Tab”键插入它们。
"HTML Template": {
"prefix": "!html",
"body": [
"<!DOCTYPE html>",
"<html>",
" <head>",
" <meta charset=\"UTF-8\">",
" <title></title>",
" </head>",
" <body>",
"",
" </body>",
"</html>"
],
"description": "Create HTML template"
}
在这个例子中，“HTML Template”是代码段的名称。该代码段包含将典型HTML文档的所有必要部分复制到文档中的代码片段。通过在HTML文件中输入“!html”并按Tab键，将插入该代码段的完整代码。
总结
在VS Code中，自动补全功能是一个非常有用而强大的工具，可帮助我们提高代码的编写质量和开发效率。除了自动补全HTML标记和属性外，VS Code还提供了许多其他功能来帮助我们快速编写代码，例如自动补全文件名和代码段功能。