语义高亮通过语言服务器提供精确着色，提升代码可读性。它基于AST识别函数、参数、变量等元素，依赖LSP和颜色主题支持，在settings.json中可启用或自定义，需确保安装对应语言插件并使用支持语义token的主题。
VSCode 的语义高亮（Semantic Highlighting）是一项提升代码可读性和开发体验的重要功能。它基于语言服务提供的语义信息，对变量、函数、类、参数等代码元素进行更精确的着色，而不仅仅依赖语法结构。这使得开发者能更直观地区分代码中的不同角色，尤其是在大型项目中。
语义高亮的工作原理
传统语法高亮仅通过正则匹配或词法分析识别关键字、字符串、注释等基本元素，容易出现误判或不够精准的情况。语义高亮则依赖 TypeScript 和 JavaScript 的 Language Server（如 tsserver），或其他语言的 LSP（Language Server Protocol）实现，获取 AST（抽象语法树）级别的信息。
例如，在以下代码中：
function calculateTotal(price: number, tax: number): number {const total = price + tax;
return total;
}
语义高亮可以准确识别：
- 函数名：calculateTotal —— 标记为函数声明
- 参数：price 和 tax —— 标记为函数参数
- 局部变量：total —— 标记为局部定义
- 类型注解：number —— 标记为基础类型
这些信息由语言服务器提供，并通过 VSCode 渲染层映射到颜色主题中的对应 token。
如何启用与配置语义高亮
语义高亮默认在支持的语言中开启，但你可以手动控制其行为。在 settings.json 中添加：
"editor.semanticHighlighting.enabled": true你也可以按语言关闭：
"[typescript]": {"editor.semanticHighlighting.enabled": false
}
此外，某些编辑器扩展（如官方的 JavaScript 和 TypeScript 插件）是语义高亮的前提，确保已安装并启用。
颜色主题的适配机制
语义高亮的颜色取决于当前使用的颜色主题是否支持 semantic tokens。VSCode 提供了标准的 token 类型命名规范，例如：
- variable：普通变量
- variable.readonly：只读变量（如 const）
- function：函数名
- parameter：函数参数
- class：类名
- type：类型名称
主题作者需在 package.json 或 tokenColors.json 中定义这些 token 的显示样式。例如：
{"scope": "variable.other.constant",
"settings": { "foreground": "#c792ea" }
}
现代主流主题如 One Dark Pro、Material Theme、Nord 都已良好支持语义高亮。若发现颜色无变化，可能是主题未更新或缺少语义 token 映射。
自定义语义高亮颜色
用户可在 settings.json 中通过 editor.tokenColorCustomizations 覆盖特定 token 颜色：
"editor.tokenColorCustomizations": {"semanticHighlighting": true,
"textMateRules": [
{
"scope": "variable.parameter",
"settings": { "foreground": "#FFB6C1" }
}
]
}
注意：部分主题使用 TextMate 规则模拟语义高亮，原生语义 token 支持更稳定。建议优先选择明确标注“支持 Semantic Highlighting”的主题。
基本上就这些。语义高亮让代码色彩更有意义，配合优质主题，能显著提升阅读效率和编码体验。不复杂但容易忽略。
