Todo Tree 是目前最成熟、更新活跃、配置灵活的 VSCode TODO 高亮插件,支持自定义标签、正则匹配、分组筛选与快速跳转,配合简单配置即可将待办事项转化为高效任务看板。
vscode 自带的 todo 高亮功能很基础,但配合插件能真正把待办事项“盯住”——不是简单标颜色,而是可搜索、可跳转、可分类、甚至联动工作区管理。
推荐插件:Todo Tree
目前最成熟、更新活跃、配置灵活的 TODO 高亮插件。它不依赖语言服务,纯文本扫描,支持 TODO、FIXME、BUG 等自定义标签,还能区分大小写、正则匹配、排除文件夹。
- 安装后自动高亮所有匹配行(左侧有图标,行内有背景色)
- 侧边栏显示所有 TODO 列表,点击直接跳转到代码位置
- 支持按文件、标签类型、工作区分组筛选
- 右键可快速转换为 Markdown 待办或复制路径
基础配置:让 TODO 更准更安静
在 VSCode 设置中搜 todo-tree,重点调这几个:
- Tags:添加你常用的标记,比如 ["TODO", "FIXME", "HACK", "NOTE"]
- Exclude Glob:排除 node_modules、dist、.git 等无关目录,避免干扰
- Default Highlight:关闭默认高亮,改用自定义样式更清爽
- Case Insensitive:建议关掉,避免误匹配小写的 todo 字符串
进阶用法:和日常开发真正结合
光高亮没用,关键是怎么让它融入你的流程:
- 写代码时顺手加
// TODO @jane 重构用户校验逻辑,@人+简短说明,方便后续交接 - 用 Ctrl+Shift+T(Windows/Linux)或 Cmd+Shift+T(Mac)快速打开 Todo Tree 面板,每天开工前扫一眼
- 配合 Settings Sync,把你的 todo-tree 配置同步到多台设备,风格统一不遗漏
- 在提交前运行 Todo Tree: Scan Workspace 命令,确认没有遗留高风险 TODO(比如 FIXME)
基本上就这些。不用记命令,也不用换工具,一个插件 + 几分钟配置,就能让 TODO 从“飘在代码里的幽灵”变成“伸手可及的任务看板。










