VSCode按下!键无法自动补全HTML DOCTYPE模板问题咨询

这不是VS Code的版本bug，输入!触发HTML模板补全是内置Emmet工具提供的功能，不生效基本是本地配置或者文件识别问题，你用html:5能触发补全也说明Emmet本身是正常运行的。

按顺序排查即可：

• 确认文件语言模式：查看VS Code窗口右下角的状态栏，如果当前文件被识别为「纯文本」而非HTML，点击状态栏的语言标识，在弹出的选择框里切换为HTML，再尝试输入!按Tab触发补全。
• 开启Tab展开Emmet的配置：
  1. 按快捷键Ctrl + ,（macOS系统按Cmd + ,）打开设置面板
  2. 搜索配置项emmet.triggerExpansionOnTab，勾选对应选项，允许通过Tab键触发Emmet缩写展开
  3. 如果你是在.vue、.jsx这类非纯HTML后缀的文件里写HTML代码，需要额外搜索emmet.includeLanguages配置项，添加对应语言和HTML的映射关系，普通.html后缀的文件不需要额外配置
• 排查插件冲突：如果上述配置都正确仍无法触发，大概率是你安装的第三方补全类、快捷键类插件抢占了!或者Tab键的触发优先级，可以暂时禁用近期安装的相关插件，重启VS Code后重试。

补充：!和html:5都是Emmet预设的合法HTML5模板缩写，最终生成的代码结构完全一致，日常使用时选自己顺手的触发方式即可。

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