VSCode 的 TODO Highlight 插件可自动识别并高亮 TODO、FIXME、NOTE 等标记,支持多语言注释语法,提供自定义关键词、样式、文件范围及快速跳转与批量管理功能。

VSCode 的 TODO Highlight 插件能自动识别并高亮代码里的 TODO、FIXME、NOTE 等标记,让待办事项一眼可见,避免遗漏。
安装与基础配置
在扩展市场搜索 “TODO Highlight”,安装后默认就会高亮 TODO 和 FIXME。如需自定义,打开设置(Ctrl+,),搜索 todo highlight,修改以下关键项:
- todoHighlight.defaultStyle:控制默认高亮样式(背景色、字体粗细、边框等)
-
todoHighlight.keywords:添加或修改关键词,比如加入
"NOTE": {"color": "#2196F3", "icon": "?"} -
todoHighlight.include:指定生效的文件类型,例如
["**/*.ts", "**/*.js", "**/*.py"]
支持多语言和注释风格
插件能识别主流语言中的各类注释语法,包括单行(// TODO、# FIXME)、多行(/* TODO */、"""NOTE""")甚至 JSDoc 风格(/** @TODO */)。无需额外配置,开箱即用。
如果某类注释没被识别,检查是否被 todoHighlight.exclude 忽略了,或确认关键词正则是否匹配(例如 Python 的 # TODO 默认已支持,但 # todo(小写)需手动添加)。
快速跳转与批量管理
高亮只是第一步——把光标停在 TODO 上,按 Ctrl+Click 可直接跳转到对应行;用 Ctrl+Shift+P 输入 TODO: List,就能唤出所有待办事项的侧边面板,支持搜索、排序、一键跳转。
建议配合 VSCode 自带的 Problems 面板(Ctrl+Shift+M)使用:启用 todo-tree 或开启 todoHighlight.enableInProblems,让 TODO 出现在问题列表中,统一跟踪。
避免误高亮和过度干扰
有些字符串含 “TODO” 却非待办(如变量名 todoList、URL 中的 /todo/)。可通过正则精确匹配:
- 设
"TODO": {"regex": "(//|#|/\\*|










