如何将修改后的HTML Boilerplate保存为自定义快捷代码？

以主流的VS Code编辑器为例，操作流程如下：

• 打开用户代码片段配置
  按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）唤出命令面板，输入Configure User Snippets后回车，选择html.json（全局生效）或当前项目的代码片段文件（仅当前项目可用）。

• 编写自定义模板
  在打开的html.json里，添加自定义模板的JSON配置——把默认Boilerplate的内容复制过来，插入你需要新增的代码行即可。示例如下：

  "Custom HTML Boilerplate": {
    "prefix": "!", // 可保留原快捷方式，也能改成新前缀比如"myhtml"
    "body": [
      "<!DOCTYPE html>",
      "<html lang=\"en\">",
      "<head>",
      "    <meta charset=\"UTF-8\">",
      "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
      "    <title>Document</title>",
      "    <!-- 这里替换成你要加的代码，比如引入自定义样式 -->",
      "    <link rel=\"stylesheet\" href=\"./custom.css\">",
      "</head>",
      "<body>",
      "    $0", // 设置光标最终停留位置
      "</body>",
      "</html>",
      ""
    ],
    "description": "带自定义代码的HTML基础模板"
  }
  

  要是不想覆盖原有的!快捷模板，就把prefix改成其他值，比如mybp。

• 保存并测试
  保存html.json，新建HTML文件，输入你设置的前缀（比如!），按Tab键就能生成包含新增代码的自定义模板了。

如果用的是Sublime Text这类其他支持Emmet的编辑器，逻辑类似：找到Emmet的模板配置文件，修改对应Boilerplate的内容即可。

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