vscode设置html代码片段

Visual Studio Code (VSCode) 提供了自定义代码片段的功能，这可以帮助你在编写 HTML 代码时快速输入预设的结构或常用元素。要设置 HTML 代码片段，你可以按照以下步骤操作：

1. **创建或编辑片段文件**:
打开VSCode，按 `Ctrl + ,` (Windows/Linux) 或 `Cmd + ,` (Mac) 打开用户代码片段设置文件（`.vscode\settings.json`），如果还没有这个文件，需要手动创建它。

2. **添加HTML片段**:
在`"editor.codeSnippets"`对象下，创建一个新的键值对，键通常是你要定义的触发词，值是一个 JSON 对象描述代码片段的内容。例如，你可以添加一个基本的 `<div>` 标签片段：

   "editor.codeSnippets": {
       "html.div": {
           "prefix": "div",
           "body": [
               "<div>",
               "${1:class='your-class'}",
               "</div>"
           ],
           "description": "Create a div element"
       }
   }   

- `"prefix"`: 输入框显示的触发文字。
- `"body"`: 数组中的每一项代表插入点后的代码行，${1}, ${2} 等是占位符，它们会在输入时替换为对应的编号。

3. **保存并激活**:
保存文件后，就可以在VSCode的HTML文件中通过输入触发词（如`div`）并在输入提示后选择相应的片段来快速生成代码。

4. **自定义更多片段**:
类似地，可以添加更多的HTML元素、属性等片段，比如`<p>`, `<img>`, `<link>`等，只需调整对应的触发词和内容即可。