如何在VSC代码片段中为HTML标签添加属性

直接按照以下步骤配置即可，以带content属性的meta标签为例：

• 调出VS Code命令面板：Windows/Linux按Ctrl+Shift+P，Mac按Cmd+Shift+P
• 输入Configure User Snippets，选中后在弹出的列表里选择html.json，这是HTML专属的用户代码片段配置文件
• 在打开的html.json里添加如下配置即可（如果文件里已有其他配置，直接把这段加在最外层大括号内部即可，注意和已有配置用逗号分隔）：

"带content属性的meta标签": {
  "prefix": "meta-c",
  "body": "<meta name=\"${1:name值}\" content=\"${2:content值}\">",
  "description": "生成带name和content属性的meta标签"
}

• 保存配置文件后，打开任意HTML文件，输入meta-c按Tab键，就能直接生成预设的meta标签，光标会自动定位到name值的位置，输入完成后按Tab可以直接跳到content值的位置，无需手动移动光标。

如果你需要给其他HTML标签添加属性，只要修改body里的标签结构即可，不管是内置的src、href、class属性还是自定义属性都可以用同样的方式添加，${数字:默认提示}的格式可以自行设置需要的光标跳转顺序和占位提示。

内容的提问来源于stack exchange，提问作者AoqdijlgyUwaTg