简介

Todo Tree是vscode中一款可以在侧边栏记录TODO注释（也可以配置其他的注释）并且可以高亮注释行的很优秀的插件。有的时候我们写程序的时候，难免会遇到一些情况需要标记或者搁置，在写代码的时候会用一些特殊的注释来表示不同的内容，使我们可以快速的定位我们注释的位置

1. 配置步骤

 1. 在vscode中的左侧边栏，点击“扩展”，然后搜索“todo tree”

2. 设置代码

{
  "todo-tree.tree.showScanModeButton": false,
  "todo-tree.filtering.excludeGlobs": ["**/node_modules", "*.xml", "*.XML"],
  "todo-tree.filtering.ignoreGitSubmodules": true,
  "todohighlight.keywords": [
  ],
  "todo-tree.tree.showCountsInTree": true,
  "todohighlight.keywordsPattern": "TODO:|FIXME:|NOTE:|\\(([^)]+)\\)",
  "todohighlight.defaultStyle": {

  },
  "todohighlight.isEnable": false,
  "todo-tree.highlights.customHighlight": {
    "FEAT": { // 新增当前需求
            "icon": "file-symlink-file", 
            "foreground": "#DC143C",
            "type": "line"
        },
    "BUG": {
      "icon": "bug",
      "foreground": "#F56C6C",
      "type": "line"
    },
    "FIXME": {
      "icon": "flame",
      "foreground": "#FF9800",
      "type":"line"
    },
    "TODO":{
      "foreground": "#FFD700",
      "type":"line"
    },
    "NOTE":{
      "icon": "note",
      "foreground": "#67C23A",
      "type":"line"
    },
    "INFO":{
      "icon": "info",
      "foreground": "#909399",
      "type":"line"
    },
    "TAG":{
      "icon": "tag",
      "foreground": "#409EFF",
      "type":"line"
    },
    "HACK":{
      "icon": "versions",
      "foreground": "#E040FB",
      "type":"line"
    },
    "XXX":{
      "icon": "unverified",
      "foreground": "#E91E63",
      "type":"line"
    }
  },
  "todo-tree.general.tags": [
    "FEAT",
    "BUG",
    "HACK",
    "FIXME",
    "TODO",
    "INFO",
    "NOTE",
    "TAG",
    "XXX"
  ],
  "todo-tree.general.statusBar": "total",
}

3. 使用在“todo-tree.highlights.customHighlight”配置的属性对需要使用标记的地方进行注释即可

• feat 新增需求
• todo 待办事项
• hack 不确定标记
•  bug 有bug
• tag 打标签
• note 笔记
• xxx 随便写的
• info 信息

如果想要修改标记的icon，则可以到：https://microsoft.github.io/vscode-codicons/dist/codicon.html
如果想要修改标记的颜色，则可以到：颜色中英文对照表 颜色名字 色彩名称-www.5tu.cn