引言
一开始,我只是想找一个能够跳转,或者标记行的插件,让我在比较长的代码中找到想要的东西,,,在试过bookmark,todo hightlight ,等类似的东西后,发现这东西(todo-tree)是真的神奇,非常适合我啊.必须要推过一波.
介绍
**先来,介绍下它的基本功能把.
首先,是一个高亮的功能,初始的话,只支持TODO,和FIXME两个标记
image.png
其次是资源管理器侧边栏上的一个小栏目,通过点击对象,可以跳转到对应的位置.
image.png
但是,这款插件可以配置的地方非常关键,它可以配置需要高亮的标签名,可以配置标签的高亮方式,图标,还可以配置滚动条上显示的色块.标签排列方式等等.
先看下我配置出的效果.
// todo: 123
// fix: 123
// tag: 123
// done: 123
// note: 2312
/**
* todo: 324324
* fix: 234
* tag:213
* done: 213
* note: 324
*/
image.png
使用感觉瞬间就提升了.其他的todo hightlight或者是bookmarks简直弱爆了啊...
这种好用的插件必须要支持起来.
文末附上插件链接,还有github项目地址
插件链接
GitHub todo-tree
顺便贴下我的配置,有兴趣可以根据其介绍页面自己配置下.
//todo-tree settings
// 在注释中搜索以 * // ，# ，; ，开头的标签！ -- 或 / *
"todo-tree.regex.regex": "((\\*|//|#|<!--|;|/\\*|^)\\s*($TAGS):|^\\s*- \\[ \\])",
"todo-tree.general.tags": [
"todo",
"tag",
"done",
"note",
"fix"
],
"todo-tree.regex.regexCaseSensitive": false,
"todo-tree.tree.showInExplorer": true,
"todo-tree.highlights.defaultHighlight": {
/* "foreground": "white",
"background": "yellow",
"icon": "check",
"rulerColour": "yellow", */
"type": "tag",
/* "iconColour": "yellow" */
},
"todo-tree.highlights.customHighlight": {
"todo": {
"foreground": "#f90",
"rulerColour": "#f90",
"iconColour": "#f90",
},
"done": {
"icon": "issue-closed",
"foreground": "#fdff03",
"rulerColour": "#fdff03",
"iconColour": "#fdff03"
},
"fix": {
"icon": "beaker",
"foreground": "#fb0200",
"rulerColour": "#fb0200",
"iconColour": "#fb0200",
"rulerLane": "full"
},
"tag": {
"icon": "tag",
"foreground": "#67cdfe",
"rulerColour": "#67cdfe",
"iconColour": "#67cdfe",
"rulerLane": "full"
},
"note": {
"foreground": "#02dc00",
"icon": "note",
"rulerColour": "#02dc00",
"iconColour ": "#02dc00"
}
},
