VSCode中的TODO高亮插件，让你的待办事项管理更轻松

推荐使用 Todo Tree 插件提升 vscode 待办管理效率，因其开箱即用、支持正则匹配自定义关键词、侧边栏实时汇总并支持分类筛选，还可通过设置自定义颜色图标及工作区同步规则。

VSCode 自带对 TODO、FIXME、NOTE 等关键词的基础高亮，但默认样式简单、不支持自定义关键词或跨文件聚合。要真正提升待办管理效率，推荐搭配专用插件——最常用且轻量的是 Todo Tree。

为什么选 Todo Tree 而不是其他？

它不依赖项目配置，开箱即用；支持正则匹配任意标记（比如 @review、XXX）；侧边栏实时汇总所有待办，点击直接跳转；还能按文件、状态、标签分类筛选。

快速启用高亮和侧边栏

• 在扩展市场搜索 Todo Tree，安装并重启（通常无需重启）
• 默认就会高亮 // TODO、/* FIXME */ 等常见格式
• 按 Ctrl+Shift+P（windows/linux）或 Cmd+Shift+P（mac），输入 Todo Tree: Toggle Tree 打开侧边视图
• 右键树中任一节点可快速标记为“已完成”（添加 ✅ 前缀）或复制路径

按需自定义关键词和颜色

如果你团队约定用 // REVIEW 或 ## bug，只需修改设置：

SONIFY.io

设计和开发音频优先的产品和数据驱动的解决方案

75

查看详情

• 打开设置（Ctrl+, ），搜索 todo-tree
• 找到 Todo Tree > Tags，编辑 jsON 数组，例如：
  [{“tag”: “REVIEW”, “color”: “#ff9e00”, “icon”: “eye”}, {“tag”: “BUG”, “color”: “#ff3b30”, “icon”: “bug”}]
• 保存后，新关键词立即生效，且在侧边栏带图标和专属颜色

配合工作区设置统一团队规范

把自定义规则写进项目根目录的 .vscode/settings.json，让所有协作者自动同步：

• 添加 "todo-tree.general.tags" 和 "todo-tree.highlights.defaultHighlight" 等字段
• 可禁用全局扫描，只监控 src/ 和 docs/ 目录，提升大项目响应速度
• 支持排除 node_modules、dist、.git 等无关路径

基本上就这些。不用建任务板、不跳出编辑器，一行注释就是一条可追踪、可协作的待办。关键不在多，而在看得见、找得着、记得清。