VS Code 的 TODO Highlight 插件可自动高亮 TODO、FIXME、NOTE 等标记,默认黄色背景,支持自定义关键词及样式、多语言注释识别、范围控制、快速跳转与全局列表视图。

VS Code 的 TODO Highlight 插件能自动高亮代码里的 TODO、FIXME、NOTE 等标记,让待办事项一眼可见,避免遗漏。
安装与基础配置
在扩展市场搜索 “TODO Highlight”,安装后无需重启即可生效。默认会高亮 TODO、FIXME、NOTE 三类关键词,背景色为黄色(可自定义)。如需支持更多标记(比如 BUG 或团队自定义的 REVIEW),可在设置中修改 todo.highlight.keywords 数组。
- 打开设置(Ctrl+,),搜索
todo highlight keywords - 点击 “Edit in settings.json”,添加关键词及样式,例如:
"TODO": { "color": "#ff8c00", "backgroundColor": "transparent", "overviewRulerColor": "#ff8c00" },
"REVIEW": { "color": "#007acc", "backgroundColor": "#e6f0fa", "overviewRulerColor": "#007acc" } - 保存后,新添加的标记会立即高亮
支持多语言和注释上下文
插件默认识别主流语言中的单行/多行注释(如 JavaScript 的 // 和 /* */,Python 的 # 和 """),不会误标字符串或变量名里的 “TODO”。你也可以通过 todo.highlight.include 和 todo.highlight.exclude 精确控制扫描范围,比如排除 node_modules 或只在 .ts 和 .js 文件中启用。
- 常用排除项示例:
"**/node_modules/**", "**/dist/**", "**/build/**" - 若某文件类型不被识别(如
.vue单文件组件),可手动添加到todo.highlight.languages中,如 ["javascript", "typescript", "vue"]
快速跳转与全局概览
高亮只是第一步。按 Ctrl+Shift+P 输入 “TODO: List” 可打开所有待办事项的侧边面板,支持搜索、排序和点击直接跳转。它还会在编辑器右上角显示小图标(带数字),提示当前文件中有几处待办项;滚动时,高亮行左侧也会出现小圆点,方便定位。
- 列表视图支持按文件、关键词、行号排序
- 双击列表项,光标自动跳转到对应代码行
- 配合
todo-tree插件可获得更强大的树状结构视图(非必需,但推荐搭配)
基本上就这些。配置一次,后续所有项目都能复用,既省心又可靠。










