如何在Visual Studio Code中自定义HTML文件的默认生成模板？

可以修改，该快捷生成功能由VS Code内置的Emmet插件提供，按以下步骤操作即可自定义模板：

• 第一步：新建名为snippets.json的文件，存到电脑中固定的、不会被误删的文件夹内
• 第二步：在snippets.json中填入以下结构的代码，替换对应位置的内容为你需要的自定义HTML模板即可：

{
  "html": {
    "snippets": {
      "!": "{<!DOCTYPE html>}\n<html lang=\"zh-CN\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>自定义页面标题</title>\n  <!-- 可自行添加你的默认引入、公共标签等内容 -->\n</head>\n<body>  \n  <!-- 可自行添加默认body结构 -->\n</body>\n</html>"
    }
  }
}

• 第三步：打开VS Code设置（快捷键Ctrl+,/Windows/Linux，Cmd+,/Mac），搜索emmet.extensionsPath，将刚才存放snippets.json的文件夹完整路径填入该配置项
• 第四步：重启VS Code，之后在空白HTML文件中输入!按Tab，即可生成你自定义的模板内容

• 注意：模板内容中的换行用\n表示，缩进用\t或者空格，内容中的双引号需要加转义符\避免JSON格式错误

如果不想修改Emmet配置，也可以使用VS Code自带的用户代码片段实现相同效果：

• 按快捷键Ctrl+Shift+P/Windows/Linux，Cmd+Shift+P/Mac调出命令面板，搜索「用户代码片段」，选择「html.json」
• 在打开的文件中按提示填写自定义代码片段结构，设置你需要的触发词即可使用

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