vs code语法高亮变灰或全白，八成是语言模式识别错误；应先检查右下角状态栏语言标识，若显示plain text等错误模式，立即点击切换为正确语言，并确认文件后缀、files.associations配置及语义高亮设置。
VS Code 语法高亮变灰、全白或部分关键字没颜色，**八成不是主题或插件坏了，而是编辑器压根没认出你在写什么语言**。直接看右下角状态栏——如果显示的是 Plain Text、JSONC 或明显不对的语言名，就别折腾主题配色了，先把它切对。
右下角语言模式显示错误怎么办
这是最常被忽略、但解决率最高的一步。VS Code 不会读心，它只按后缀名、files.associations 配置或你手动指定的 languageId 来加载语法解析器。
- 点击右下角当前语言标识（比如显示
Plain Text），从弹出菜单中选对的语言（注意区分JavaScript和JavaScript React） - 快捷键
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），输入Change Language Mode回车，再选语言 - 新建无后缀文件时，默认就是
Plain Text，必须手动指定，否则连if、return都不会变色 - 检查文件后缀是否拼错：比如
.js写成.jss或.JS（某些插件对大小写敏感）
files.associations 配置写错导致高亮错乱
你可能在 settings.json 里加过类似 "*.config.js": "jsonc" 的映射，结果 JS 配置文件里的 module.exports 全白——因为 VS Code 真的把它当 JSON 用了。
- 打开设置，搜
files.associations，检查有没有把不该关联的后缀映射到了错误 languageId（如把.vue映射到html，会丢掉 Vue SFC 的<script setup></script>语义） - 确认值是合法 languageId：
typescriptreact✅，jsx❌；vue✅（需 Volar 启用），vue-html❌（已废弃） - 工作区级配置（
.vscode/settings.json）优先级高于全局，先删掉它再测试 - 通配符只支持
*和**，不支持正则；想匹配nginx.conf，得写"nginx.conf": "nginx"，不能靠"**/nginx.conf"
主题缺失 token 作用域定义，颜色“看起来不对”
很多轻量主题（如 Nord、Dracula）只定义了 keyword、string、comment 这几类基础 token，但 C 的 #include、Vue 的 <template></template> 标签、TS 的 interface 都需要更细的作用域才能着色。
- 先切回内置主题
Default Dark+测试：如果#define变橙、<script></script>变蓝，说明是当前主题缺规则 - 不要装老插件（如
Vue Highlight、Bracket Pair Navigator），它们会劫持原生 tokenization 流程 - 补色最稳的方式是手动加
editor.tokenColorCustomizations，例如给 Vue 标签上色：
{
"editor.tokenColorCustomizations": {
"[Nord]": {
"textMateRules": [
{
"scope": "entity.name.tag.html",
"settings": { "foreground": "#88c0d0" }
}
]
}
}
}
- 颜色值必须是
#rrggbb格式，不支持red这类命名色
禁用扩展后高亮恢复，怎么快速定位冲突源
安全模式（code --disable-extensions）下正常，说明问题出在某个扩展身上。别一个个点启用，效率太低。
- 命令面板输入
Extensions: Disable All Installed Extensions，然后Developer: Reload Window - 如果高亮回来了，执行
Extensions: Show Enabled Extensions，按安装时间倒序排列，优先排查最近装的 - 重点关注三类：主题类（如
One Dark Pro）、语言增强类（如Vetur，和 Volar 冲突）、格式化类（如Prettier，某些版本会覆盖 token 颜色） - 打开
Output面板 → 切到Extension Host，搜索token或syntax，看有没有扩展报注册失败
真正难搞的不是“没颜色”，而是“颜色有但逻辑错”——比如 const 蓝了，let 却是灰的，这往往意味着语义高亮（semantic tokens）和基础语法高亮（textmate）混用了，而主题只配了一半。这时候光调 tokenColorCustomizations 不够，得看 editor.semanticTokenColorCustomizations 是否覆盖了关键 scope，或者干脆关掉语义高亮试试："editor.semanticHighlighting.enabled": false。
