VSCode无原生智能高亮，需插件组合实现：Color Highlight处理颜色值、highlight-words实现跨文件选中高亮、Better Comments和Bracket Pair Colorizer 2补足语义与结构高亮，配置需精准且避免过度加载。
VSCode 本身不提供“智能高亮”——比如根据语义、作用域或上下文动态改变高亮样式。所谓“更智能”，实际是靠组合插件 + 合理配置实现的：颜色值用 Color Highlight，选中词跨文件高亮用 highlight-words，注释分类用 Better Comments，括号配对用 Bracket Pair Colorizer 2。没有一个插件能包打天下。
Color Highlight：只管颜色值，不认变量或函数
它只识别标准颜色语法：#ff6b6b、rgb(255, 107, 107)、blue、var(--primary)（需手动加正则规则）。不解析 JS 变量赋值，也不高亮 const primary = '#3498db' 这类声明中的字符串。
- 语言模式必须正确：.css/.scss/.html 中的 style 标签可自动生效；.ts/.js 文件默认不触发，需在
colorHighlight.languages中显式添加"javascript"或"typescript" - 注释里颜色不显示？打开
colorHighlight.showColorsInComment即可 - 自定义 CSS 变量色块要生效，得在
colorHighlight.colors里补一条规则：{"pattern": "var\(--[^)]+\)", "color": "var(--primary)"}（注意双反斜杠） - 如果色块消失，先检查
editor.decorations是否为true，再确认当前主题没禁用装饰渲染
highlight-words：唯一能真正“选中即高亮”的插件
它不依赖语言服务，纯文本也生效，JS/TS/Vue/HTML 全通吃。但安装完不配 settings.json 就等于没装——插件 UI 设置面板里的选项全是摆设，核心参数必须手写进 JSON。
-
highlightwords.colors至少填 2 组颜色，否则高亮不渲染（插件内部有最小长度校验） -
highlightwords.defaultMode: 3是关键：全词 + 忽略大小写，避免选中map却高亮了flatMap或mapStateToProps -
highlightwords.box.dark: false在深色主题下必须关掉边框，否则背景和边框同色，看起来像没高亮 - 快捷键默认为空，必须去
Ctrl+K Ctrl+S手动绑定Highlight Toggle Current，推荐Ctrl+Shift+H，避开Prettier和Auto Rename Tag的常用组合
Better Comments 和 Bracket Pair Colorizer 2：补足“语义高亮”缺口
Better Comments 让注释自带语义：用 !TODO 高亮红色，?FIXME 标黄底，// NOTE: 加蓝边框。它不改代码逻辑，但让意图一目了然。
- 规则写在
better-comments.tags里，支持正则，比如{"tag": "HACK", "color": "#FF2D55", "strikethrough": true} -
Bracket Pair Colorizer 2不是高亮“代码”，而是高亮“结构”：嵌套层级越深，括号颜色越冷，且光标停在某括号时，另一端自动加粗+连线 - 它和
highlight-words互不干扰，但若同时启用，深色主题下建议把括号边框宽度调小（bracketPairColorizer2.bracketStyles），否则视觉过载
真正难的是权衡：开太多高亮插件，编辑器响应变慢；配太细，每次换项目都要重调。最稳的组合就三个：Color Highlight 看颜色、highlight-words 查变量、Bracket Pair Colorizer 2 护括号——其余都是锦上添花，别贪多。
