VScode Todo Tree的配置

最新推荐文章于 2024-07-23 16:17:34 发布

每日亿学

最新推荐文章于 2024-07-23 16:17:34 发布

阅读量1k

点赞数 1

文章标签： vscode linux

本文链接：https://blog.csdn.net/HHB791829200/article/details/128407652

版权

本文介绍了如何在VSCode中安装和配置TodoTree插件，通过设置自定义标签如'todo'、'bug'、'tag'等，实现不同类型的代码注释高亮和个性化展示。配置包括正则表达式、前景色、背景色、图标等，以提高代码管理和阅读效率。

摘要由CSDN通过智能技术生成

1、安装

这一步略过，直接去拓展商店搜索。

2、配置文件

进入VScode的设置，点击下图的图标（折叠文件那个图标），进入settings.json文件。

编写配置文件：如果需要自定义添加就在todo-tree.general.tags下添加，并且下面照照葫芦画瓢复制就行。如果你想要自己喜欢的icon可以去下面链接查找，复制名字就行。

bell-fill | Octicons

// Todo Tree plugin config
      //todo-tree 标签配置  标签兼容大小写字母(很好的功能!!!)
      "todo-tree.regex.regex": "((%|#|//|<!--|^\\s*\\*)\\s*($TAGS)|^\\s*- \\[ \\])",
      "todo-tree.general.tags": [    
          "todo",  //添加自定义的标签成员,将在下面实现它们的样式
          "bug",
          "tag",
          "done",
          "update",
          "注意",
          "step"
      ],
      "todo-tree.regex.regexCaseSensitive": false,
      "todo-tree.highlights.defaultHighlight": {  //如果相应变量没赋值就会使用这里的默认值
        "foreground": "black",      //字体颜色
        "icon": "check",            //标签样式 check 是一个对号的样式
        "rulerColour": "yellow",    //边框颜色
        "type": "text",              //填充色类型  可在TODO TREE 细节页面找到允许的值
        "opacity": 0.7,             //设置透明度
        "iconColour": "yellow",     //标签颜色
        "gutterIcon": true           //是否显示图标
    },
    "todo-tree.highlights.customHighlight": {

        //todo 		需要做的功能
        "todo": {
            "icon": "alert",          //标签样式
            "background": "#c9c552",  //背景色
            "rulerColour": "#c9c552", //外框颜色
            "iconColour": "#c9c552",  //标签颜色
        },

        //bug		必须要修复的BUG  
        "bug": {
            "background": "#eb5c5c",
            "icon": "bug",
            "rulerColour": "#eb5c5c",
            "iconColour": "#eb5c5c",
        },

        //tag		标签
        "tag": {
            "background": "#38b2f4",
            "icon": "tag",
            "rulerColour": "#38b2f4",
            "iconColour": "#38b2f4",
            "rulerLane": "full"
        },

        //done		已完成
        "done": {
            "background": "#5eec95",
            "icon": "check",
            "rulerColour": "#5eec95",
            "iconColour": "#5eec95",
        },

        //update  	优化升级点
        "update": {
            "background": "#d65d8e",
            "icon": "versions",
            "rulerColour": "#d65d8e",
            "iconColour": "#d65d8e",
        },
        "注意": {
            "foreground": "#f3ef1bfe",
            //"background": "#f31b1bfe",
            "icon": "bell-fill",
            "rulerColour": "#f3ef1bfe",
            "iconColour": "#f3ef1bfe",
        },
        "step": {
            "foreground": "#4df909",
            "icon": "arrow-down",
            "rulerColour": "#4df909",
            "iconColour": "#4df909",
        },
    },

配置好后：//你的tag 就可以开心的注释你的代码了！