Vscode Todo Tree插件

最新推荐文章于 2025-06-26 00:26:54 发布

原创最新推荐文章于 2025-06-26 00:26:54 发布 · 6.8k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#vscode todo #todo tree插件配置 #vscode高亮todo

Vscode 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何在VSCode中安装并配置TodoTree插件，通过自定义高亮显示TODO和FIXME标记，帮助开发者高效管理任务。配置包括图标选择、类型设置和颜色调整等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vscode Todo Tree插件

在这里插入图片描述

安装

打开 vscode 扩展中心，搜索 todo tree 然后安装，
在这里插入图片描述

配置

打开vscode设置，文件→首选项→设置，然后以json文件打开，并增加以下配置

在这里插入图片描述

"todo-tree.highlights.customHighlight": {
        "TODO": {
            "icon": "check",
            "type": "tag",
            "foreground": "black",
            "background": "yellow",
            "opacity": 50,
            "iconColour": "yellow"
        },
        "FIXME": {
            "icon": "flame",
            "type": "tag",
            "foreground": "red",
            "background": "white",
            "opacity": 50,
            "iconColour": "red"
        }
 }

配置解释：

icon：这个为目录树图标，可以按照这个网址修改

https://microsoft.github.io/vscode-codicons/dist/codicon.html
type：是TODO和FIXME这两个关键字的类型支持以下类型
- tag
- text
- tag-and-comment
- text-and-comment
- line
- whole-line
foreground：是指关键字在代码中的前景色
background：是指关键字代码中的背景色
opacity：透明度
iconColour：目录树区域的图标颜色