Todo Tree插件配置

VsCode 编辑器 有一款插件:Todo Tree,可高亮显示标签(支持自定义),便于开发过程中区分各种注释场景。

效果如下:
在这里插入图片描述

配置方法:

首先,在应用商店,搜索 “todo tree”,安装插件:
在这里插入图片描述

然后,打开vscode配置文件:setting.json,加入如下配置:

// setting.json
{
    
    
	...
	//todo-tree settings
  "todo-tree.general.tags": [
      "todo",
      "done",
      "fix",
      "note",
      "delete",
  ],
  "todo-tree.regex.regexCaseSensitive": false,
  "todo-tree.highlights.customHighlight": {
    
    
      "todo": {
    
    
          "icon": "todo",
          "iconColour": "#e6a23c",
          "foreground": "#e6a23c",
          "rulerColour": "#e6a23c",
      },
      "done": {
    
    
          "icon": "issue-closed",
          "iconColour": "#67c23a",
          "foreground": "#67c23a",
          "rulerColour": "#67c23a"
      },
      "fix": {
    
    
          "icon": "beaker",
          "iconColour": "#f56c6c",
          "foreground": "#f56c6c",
          "rulerColour": "#f56c6c",
          "rulerLane": "full"
      },
      "note": {
    
    
          "icon": "note",
          "iconColour": "#409eff",
          "foreground": "#409eff",
          "rulerColour": "#409eff",
          "rulerLane": "full"
      },
      "delete": {
    
    
          "icon": "delete",
          "iconColour ": "white",
          "foreground": "white",
          "rulerColour": "white"
      }
  }
}

保存即可

猜你喜欢

转载自blog.csdn.net/RedaTao/article/details/121192336