1、安装
这一步略过，直接去拓展商店搜索。
2、配置文件
进入VScode的设置，点击下图的图标（折叠文件那个图标），进入settings.json文件。
编写配置文件：如果需要自定义添加就在todo-tree.general.tags下添加，并且下面照照葫芦画瓢复制就行。如果你想要自己喜欢的icon可以去下面链接查找，复制名字就行。
// 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 就可以开心的注释你的代码了！
参考：