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 文件中启用。

SEO Keyword Density

SEO关键词密度优化与页面审计技能。使用场景：①提供页面路径与关键词进行SEO优化；②提升页面关键词密度；③提升搜索引擎排名；④进行SEO审计（meta标签、OG、hreflang等）。触发词：关键词密度、SEO优化、关键词优化等。

下载

• 常用排除项示例：
  "**/node_modules/**", "**/dist/**", "**/build/**"
• 若某文件类型不被识别（如 .vue 单文件组件），可手动添加到 todo.highlight.languages 中，如 ["javascript", "typescript", "vue"]

快速跳转与全局概览

高亮只是第一步。按 Ctrl+Shift+P 输入 “TODO: List” 可打开所有待办事项的侧边面板，支持搜索、排序和点击直接跳转。它还会在编辑器右上角显示小图标（带数字），提示当前文件中有几处待办项；滚动时，高亮行左侧也会出现小圆点，方便定位。

• 列表视图支持按文件、关键词、行号排序
• 双击列表项，光标自动跳转到对应代码行
• 配合 todo-tree 插件可获得更强大的树状结构视图（非必需，但推荐搭配）

基本上就这些。配置一次，后续所有项目都能复用，既省心又可靠。