为何VS Code中Emmet HTML模板缺少http-equiv='X-UA-Compatible' meta标签？

方法1：自定义Emmet HTML模板 #

• 打开VS Code，按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）唤起命令面板
• 输入Preferences: Configure User Snippets并回车，选择html.json（无则新建）
• 在文件中粘贴以下代码，覆盖默认模板：

{
  "HTML5 Boilerplate": {
    "prefix": "html",
    "body": [
      "<!DOCTYPE html>",
      "<html lang=\"$1\">",
      "<head>",
      "\t<meta charset=\"UTF-8\">",
      "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
      "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
      "\t<title>$2</title>",
      "</head>",
      "<body>",
      "\t$0",
      "</body>",
      "</html>"
    ],
    "description": "HTML5模板（含X-UA-Compatible标签）"
  }
}

• 保存文件，之后输入html按Tab即可生成带三个meta标签的模板

方法2：通过设置强制添加该标签 #

• 打开VS Code设置（快捷键Ctrl+,或Cmd+,）
• 搜索Emmet: Preferences，点击Edit in settings.json
• 在settings.json中添加以下配置：

"emmet.preferences": {
  "html.scaffolding.meta.X-UA-Compatible": "ie=edge"
}

• 保存设置并重启VS Code，默认Emmet html模板就会包含该meta标签

注：X-UA-Compatible标签主要用于旧版IE浏览器的兼容性适配，主流现代浏览器已无需此标签，若有旧IE兼容需求可添加。

内容的提问来源于stack exchange，提问作者bugs does code infact