我是一名前端开发，公司规模很小，就我一个前端岗，项目多，而且急，之前做开发的时候，项目的代码基本上是写完项目以后，隔个十天半个月再去看逻辑，基本上就会忘得一干二净了，非常痛苦。而且改bug的时候，也会需要删除各种各样注释掉的废代码，非常恼人。

这个todo-tree，可以把各种符合你配置的注释格式高亮，并加上对应的图标，颜色，这样我们就可以把dev，todo，bug，note，comment等不同类型的注释分开来进行显示，不但让代码变得更加美观，同时也能快速的进行检索。

用法

已经踩过的坑，标注一下

对于一些新技术使用，如果自己掌握的不熟练，可以note一下，防治重复查阅，浪费时间

已经发现引发bug的地方标注起来，以便于后续解决

想要完成，但是还没实现的功能也在这标注下，非常的有人情味~

这样，无论是开发过程中，还是后期维护起代码来，都非常的舒服，有很多的提示，veli的nice，veli的有人情味~

配置

配置写这儿吧，方便大家使用~~~

"todo-tree.tree.filterCaseSensitive": true,

// "todo-tree.general.tagGroups": {

// "TODO":["TODO","todo"]

// },

"todo-tree.highlights.gutterIcon":true,

"todo-tree.general.tags": [

"BUG",

"COMMENT",

"HACK",

"FIXME",

"FIXED",

"TODO",

"XXX",

"[ ]",

"[x]",

"NOTE",

"ERROR"

],

"todo-tree.highlights.defaultHighlight": {

"icon": "alert",

"type": "text",

"foreground": "red",

"background": "#ffffff18",

"opacity": 50,

"iconColour": "blue"

},

"todo-tree.highlights.customHighlight": {

"TODO": {

"icon": "bell",

"type": "line",

"foreground": "#9b4fff",

"iconColour": "#9b4fff",

"gutterIcon": true

},

"FIXME": {

"icon": "alert",

"foreground": "#ffff00",

"iconColour": "#ffff00",

"gutterIcon": true

},

"FIXED": {

"icon": "check-circle",

"foreground": "#00c378",

"iconColour": "#00c378",

"gutterIcon": true

},

"NOTE": {

"icon": "note",

"foreground": "#00aeff",

"gutterIcon": true,

"iconColour": "#00aeff"

},

"BUG": {

"icon": "bug",

"foreground": "#ff8800",

"iconColour": "#ff8800",

"gutterIcon": true

},

"COMMENT": {

"icon": "pencil",

"foreground": "#d48224",

"iconColour": "#ff8800",

"gutterIcon": true

},

"ERROR": {

"icon": "x",

"foreground": "#e04747",

"iconColour": "#ff0062",

"gutterIcon": true

}

},

"todo-tree.filtering.excludeGlobs": [

"**/node_modules/*",

"**/public/**",

"**/src/assets/**"

],