vscode语法高亮需组合插件：react/ts/vue文件装cjsx或volar/vetur；选中词高亮用highlight-words并配置settings.json；括号缩进优先启用原生功能；注释高亮用better comments与todo highlight组合；所有插件生效前提为右下角语言模式正确。
VSCode 默认的语法高亮足够基础，但想真正提升可读性、聚焦关键逻辑或快速定位模式（比如所有 console.log、特定注释、括号结构），光靠默认设置远远不够——必须组合使用几类插件，且每类都有明确分工，装错或配置漏掉一项，效果就大打折扣。
React/TS/Vue 文件语法高亮不明显？装 cjsx 或对应语言扩展
很多人发现 .tsx 或 .vue 文件里 JSX/Template 部分颜色单调，不是 VSCode 问题，而是缺少专用解析器。VSCode 本身不内置完整 React/Vue 语法支持，靠扩展补全。
-
cjsx是专为 React/JSX 设计的轻量高亮插件，比通用 JavaScript 扩展更细粒度区分props、children、自定义组件名等 - Vue 用户优先选
Volar（Vue 3）或Vetur（Vue 2），它们不只是高亮，还提供语言服务，让v-if、ref等指令有独立颜色 - 别同时装
Vetur和Volar：冲突会导致高亮错乱、悬停提示失效，VSCode 会弹警告 - 装完后务必检查右下角状态栏语言模式是否为
Vue或TypeScript React，不是Plain Text或JavaScript——否则插件根本不会加载
想高亮当前选中的变量、函数或关键词？用 highlight-words
这是唯一能稳定实现「手动触发、多色叠加、跨文件生效」的插件。其他名字带 Highlight 的插件基本都跑偏了：比如 Color Highlight 只认颜色值，Bracket Pair Colorizer 只管括号。
- 安装后必须编辑
settings.json，只点“安装”按钮没用："highlightwords.colors"至少写两组明暗色，否则高亮不显示 -
"highlightwords.defaultMode": 3是关键——它代表“全词匹配 + 忽略大小写”，避免选中map却把flatMap也标红 - 快捷键需手动绑定：
Ctrl+K Ctrl+S→ 搜索Highlight Toggle Current→ 绑定到Ctrl+Shift+H（别用Ctrl+H，它默认是替换） - 高亮只在当前编辑器生效，关掉文件就消失——这不是 bug，是设计；如需持久化，得配合
TODO Highlight这类语义型插件
括号配对和缩进线看着不清晰？先关插件，调原生设置
VSCode 1.68+ 已原生支持括号配对高亮和缩进参考线，装老式 Bracket Pair Colorizer 2 不仅多余，还会导致光标跳动、颜色错乱，尤其在大文件中 CPU 占用飙升。
- 打开设置搜
editor.bracketPairColorization.enabled，确保为true - 右下角语言模式必须正确（比如 .js 文件不能是
JSON），否则原生功能直接退化成字符级匹配 - 缩进线不显示？先检查文件是否混用空格和 Tab——VSCode 缩进线只在统一缩进格式下稳定绘制
- 想要更强视觉区分，装
indent-rainbow：它按缩进层级填色，和原生括号高亮完全正交，无兼容风险
注释太难找、TODO 容易遗漏？Better Comments + TODO Highlight 组合用
注释不是装饰，是开发线索。默认灰色文字在代码流里极易被忽略，尤其 // TODO 这类关键标记。
-
Better Comments让不同语义注释有专属颜色：!标红、?标蓝、// TODO自动黄底黑字，无需改代码，开箱即用 -
TODO Highlight更进一步：不仅高亮，还能在命令面板运行TODO: List Highlighted annotations，一键拉出全部待办清单 - 两者不冲突，但注意
Better Comments的自定义规则优先级更高——如果它把// FIXME定义成红色，TODO Highlight就不会再覆盖这个颜色 - 别忘了配置
todo-tree.filtering.excludeGlobs，把node_modules和构建产物目录排除掉，否则搜索卡死
真正容易被忽略的是语言模式识别这个前提：插件再强，文件被当成 Plain Text 解析，所有高亮逻辑都会失效。每次遇到高亮异常，第一反应不该是重装插件，而是看右下角那个小标签。
