Visual Studio Code中.html文件HTML语法高亮失效如何解决

以下是重装环境后该问题的常见诱因及对应解决方法，按排查优先级排序：

• 文件关联配置错误
  重装后VS Code配置重置是最高发的原因，.html后缀可能被错误关联为纯文本模式。直接查看窗口右下角状态栏的语言标识，若显示「纯文本」，点击该标识后在弹出的搜索栏选择「HTML」即可临时修复；要永久生效的话，在弹出的语言列表顶部选择「为.html配置文件关联」，下拉选中HTML项即可，后续打开所有.html文件都会自动加载HTML语法规则。
• 内置HTML语言扩展异常
  VS Code原生HTML语法高亮依赖两个内置扩展，重装过程中可能出现加载失败、被意外禁用的情况。按Ctrl+Shift+X（macOS为Cmd+Shift+X）打开扩展面板，在搜索框输入@builtin html，找到列表中的「HTML Language Basics」和「HTML Language Features」两项：如果状态显示为禁用，直接点击启用按钮；如果已经是启用状态仍无高亮，点击扩展卡片上的齿轮图标，选择卸载后重启VS Code，内置扩展会自动重新安装恢复正常。
• 新旧配置缓存冲突
  如果重装系统时没有完全清理旧的VS Code用户目录，残留的损坏缓存、旧配置文件会和新安装的程序产生冲突。关闭VS Code后删除对应目录下的缓存文件即可：
  • Windows：删除%APPDATA%\Code\CachedData、%USERPROFILE%\.vscode\extensions\cachedExtensionsList.json
  • macOS：删除~/Library/Application Support/Code/CachedData
  • Linux：删除~/.config/Code/CachedData
    清理完成后重启VS Code，程序会自动生成新的有效缓存。
• 第三方扩展或主题冲突
  自定义语法扩展、第三方代码主题如果版本不兼容，会覆盖默认的HTML高亮规则导致失效。可以按Ctrl+Shift+P（macOS为Cmd+Shift+P）打开命令面板，输入「以扩展开发人员模式重启」执行，该模式下所有第三方扩展会被临时禁用，如果此时HTML高亮恢复正常，就逐个启用第三方扩展排查冲突项，找到冲突的扩展后选择禁用、降级到兼容版本即可。如果是主题导致的问题，按Ctrl+K Ctrl+T打开主题选择面板，切换到VS Code默认的浅色/深色主题验证，确认是主题问题的话更换适配完善的主题即可。

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