语义高亮通过语言服务器提供精确着色，提升代码可读性。它基于AST识别函数、参数、变量等元素，依赖LSP和颜色主题支持，在settings.json中可启用或自定义，需确保安装对应语言插件并使用支持语义token的主题。

VSCode 的语义高亮（Semantic Highlighting）是一项提升代码可读性和开发体验的重要功能。它基于语言服务提供的语义信息，对变量、函数、类、参数等代码元素进行更精确的着色，而不仅仅依赖语法结构。这使得开发者能更直观地区分代码中的不同角色，尤其是在大型项目中。

语义高亮的工作原理

传统语法高亮仅通过正则匹配或词法分析识别关键字、字符串、注释等基本元素，容易出现误判或不够精准的情况。语义高亮则依赖 TypeScript 和 JavaScript 的 Language Server（如 tsserver），或其他语言的 LSP（Language Server Protocol）实现，获取 AST（抽象语法树）级别的信息。

例如，在以下代码中：

语义高亮可以准确识别：

• 函数名：calculateTotal —— 标记为函数声明
• 参数：price 和 tax —— 标记为函数参数
• 局部变量：total —— 标记为局部定义
• 类型注解：number —— 标记为基础类型

这些信息由语言服务器提供，并通过 VSCode 渲染层映射到颜色主题中的对应 token。

如何启用与配置语义高亮

语义高亮默认在支持的语言中开启，但你可以手动控制其行为。在 settings.json 中添加：

你也可以按语言关闭：

此外，某些编辑器扩展（如官方的 JavaScript 和 TypeScript 插件）是语义高亮的前提，确保已安装并启用。

颜色主题的适配机制

语义高亮的颜色取决于当前使用的颜色主题是否支持 semantic tokens。VSCode 提供了标准的 token 类型命名规范，例如：

• variable：普通变量
• variable.readonly：只读变量（如 const）
• function：函数名
• parameter：函数参数
• class：类名
• type：类型名称

主题作者需在 package.json 或 tokenColors.json 中定义这些 token 的显示样式。例如：

现代主流主题如 One Dark Pro、Material Theme、Nord 都已良好支持语义高亮。若发现颜色无变化，可能是主题未更新或缺少语义 token 映射。

自定义语义高亮颜色

用户可在 settings.json 中通过 editor.tokenColorCustomizations 覆盖特定 token 颜色：

注意：部分主题使用 TextMate 规则模拟语义高亮，原生语义 token 支持更稳定。建议优先选择明确标注“支持 Semantic Highlighting”的主题。

基本上就这些。语义高亮让代码色彩更有意义，配合优质主题，能显著提升阅读效率和编码体验。不复杂但容易忽略。