VSCode中高效管理TODO需“高亮+集中管理”双管齐下,核心插件为TODO Highlight(行内高亮TODO/FIXME等关键词并支持自定义样式)和Todo Tree(左侧树形面板全局汇总、搜索、跳转及过滤TODO)。

VSCode里写// TODO很常见,但光靠注释容易漏看、忘了处理。真正好用的方案是“高亮+集中管理”双管齐下,核心就两个插件:TODO Highlight 和 Todo Tree。
TODO Highlight:让TODO一眼可见
它直接在代码行上加视觉标记,不用点开文件就能发现待办项。
- 安装后默认识别
TODO和FIXME,无需额外配置 - 支持自定义样式,比如把背景设成橙色、文字变红:
"todohighlight.defaultStyle": {"color": "red", "backgroundColor": "#ffab00", "isWholeLine": true} - 还能添加自己的关键词,例如
REVIEW或HACK,在设置里加一段 JSON 就行
Todo Tree:全局汇总所有TODO
左边栏多出一个树形图标,点开就能看到整个项目里所有 TODO 注释,按文件/目录分组,支持搜索和跳转。
根据 package.json 中的 engines 字段自动检测 Node.js 版本需求,未安装 nvm 时自动安装并切换至对应版本。支持 Windows、macOS、Linux。适用于 Node.js 项目开发、版本切换和环境配置。
- 比单纯高亮更进一步——能快速定位、批量处理、甚至过滤掉某些文件夹(比如
node_modules) - 右键某条 TODO 可直接跳转到对应行,也支持一键删除或替换
- 和 TODO Highlight 不冲突,建议一起装,一个负责“看见”,一个负责“理清”
小技巧:配合使用更高效
写代码时顺手加 // TODO: 优化接口响应时间,保存后立刻被高亮;回头想集中处理,点开 Todo Tree 一目了然。
- 不需要改代码结构,零学习成本
- 团队协作时,也能避免 TODO 被遗忘进生产环境
- 如果项目已有大量 TODO,装上插件后会自动扫描,马上见效
基本上就这些。不复杂但容易忽略,装上之后你会奇怪以前怎么没早用。

















