一、Todo Tree插件
TodoTree是一款能够在vscode侧边扩展栏中记录TODO注释(也可以配置其他的注释)并且可以高亮注释行的很优秀的插件。当多人协同进行软件开发时,我们难免会遇到一些情况需要标记或者搁置,在写代码的时候会暂时用一些注释来进行Mark,TodoTree这款软件很好的让我们快速定位开发过程中需要后续改进的代码段。
首先打vscode在侧栏边框中搜索TodoTree小绿树插件,进行安装
安装完成后侧栏最后一个树形图标即是整个文件夹中显示代码中含有TODO注释的地方,在后续开发中点击即可直达所对应的代码行。
进入TodoTree插件settings.json设置后,我们可以修改TODO显示的图标、颜色以及类型。
icon:显示图标形状
foreground:背景颜色
type:显示类型
接下来通过设置"TODO"这个标识展示具体结果
下面是上图中settings.json的具体参数,大家可以参考对照
"todo-tree.highlights.customHighlight": {
"BUG": {
"icon": "bug",
"foreground": "#FF0000",
"type":"tag-and-comment"
},
"TODO":{
"icon": "checklist",
"foreground": "#FFA500",
"type":"text"
},
"HACK": {
"icon": "tools",
"foreground": "#FFFF00",
"type":"line"
},
"FIXME": {
"icon": "flame",
"foreground": "#9400D3",
"type":"tag-and-comment"
},
"XXX": {
"icon": "x"
},
"[ ]": {
"icon": "issue-draft"
},
"[x]": {
"icon": "issue-closed"
}
},
附:图形类别和颜色网址: