VSCode中的TODO高亮插件，任务管理不再遗忘

vscode 默认不高亮、不聚合、不跳转 TODO/FIXME，需借助 Todo Tree 插件实现高效管理；该插件支持侧边栏结构化列表、颜色区分、正则匹配、文件过滤及优先级排序，并可配合设置启用高亮、自定义颜色与排除路径。

VSCode 自带对 TODO、FIXME 等标记的基础识别，但默认不高亮、不聚合、不跳转——真正提升效率，得靠插件。推荐一个轻量又实用的组合方案。

核心插件：Todo Tree

这是目前最稳定、配置灵活的 TODO 高亮与管理插件。它能扫描整个工作区，在侧边栏生成结构化任务列表，支持颜色区分、关键词自定义、文件过滤等。

• 安装后默认识别 TODO、FIXME、bug 等，无需额外配置即可高亮
• 点击侧边栏条目直接跳转到对应行，支持双击展开/折叠文件分组
• 右键条目可快速标记为“已完成”（需启用 todo-tree.highlights.enabled）
• 支持正则匹配，比如把 // @review 或 /* !URGENT */ 也纳入任务流

增强体验：配合 Settings 配置

光装插件不够，几项关键设置能让 Todo Tree 更贴合日常节奏：

美图AI开放平台

美图推出的AI人脸图像处理平台

111

查看详情

• 开启高亮：在设置中搜索 todo-tree.highlights.enabled，设为 true
• 自定义颜色：用 todo-tree.highlights.defaultHighlight 设定 TODO 的背景色（如 #FFD70033 淡黄底），FIXME 可单独配红底突出
• 排除无关文件：在 todo-tree.general.ignore 中加入 **/node_modules/**、**/dist/** 等路径，避免干扰
• 按优先级排序：启用 todo-tree.tree.sorting 并设为 priority，把带 !HIGH 的任务自动置顶

进阶技巧：用注释标签做轻量任务分类

不用引入外部工具，单靠规范注释就能实现简单任务分层：

• // TODO: [ui] 调整登录按钮圆角 —— 方括号内标识模块，方便后续搜索 TODO: [UI]
• // FIXME@2024-06-15 后端返回空数组未兜底 —— 加日期便于追踪时效性问题
• // HACK: 临时绕过权限校验（待重构） —— 用 HACK 关键词触发独立高亮，提醒技术债

基本上就这些。不需要复杂流程，也不依赖外部服务，VSCode + Todo Tree 就能把散落的待办自然聚拢，让任务可见、可查、可追。