引言

一开始,我只是想找一个能够跳转,或者标记行的插件,让我在比较长的代码中找到想要的东西,,,在试过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"
        }
    },