VS Code不输入<时不再自动联想补全HTML标签该如何解决？

排查修复步骤 #

• 检查Emmet核心配置
  打开VS Code设置（快捷键Ctrl+,/Windows、Linux，Cmd+,/Mac），搜索以下两个配置项，确认均为开启状态：
  • Emmet: Trigger Expansion On Tab：控制选中补全项后自动展开成完整带闭合的标签
  • Emmet: Show Expanded Abbreviation As Suggestions：控制无需输入<，直接输入标签名就弹出Emmet补全建议
• 校验文件类型关联
  搜索设置项Files: Associations，确认你正在编辑的文件后缀被正确关联到html类型，若是.vue、.ejs这类模板文件，可以手动添加关联规则，值设置为html即可触发HTML相关的补全逻辑
• 调整补全建议优先级
  搜索设置项Editor: Suggest: Show Snippets确认开启，再搜索Editor: Snippet Suggestions将值调整为top，避免其他补全插件挤掉Emmet的补全建议顺位
• 重载VS Code生效
  按Ctrl+Shift+P/Windows、Linux，Cmd+Shift+P/Mac调出命令面板，输入Developer: Reload Window回车重载窗口即可

极端情况排查 #

如果上述操作均无效，大概率是近期安装的第三方插件和HTML补全逻辑冲突，可以逐个禁用最近7天安装的插件，重启验证找到冲突项卸载即可。

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