VSCode 확장 - TODO 트리

이 간행물을 TODO Tree 확장에 강조 표시하고 권장하며 바칩니다.



할 일, 메모, 책갈피 및 체크리스트를 생성할 수 있는 다재다능성 때문에 제가 가장 좋아하는 확장 프로그램 상위 10위 안에 들었습니다.

소프트웨어 언어에 관계없이 주석 구문이 있는 한 TODO 트리를 사용할 수 있습니다... 하지만 진정한 잠재력을 발휘하고 싶다면 약간의 변경을 가해 봅시다.

구성

{
  "todo-tree.general.tags": ["NOTE", "TODO", "FIXME", "MARK", "[ ]", "[x]"],
  "todo-tree.highlights.defaultHighlight": {
    "type": "tag",
    "fontWeight": "bold",
    "foreground": "#000000",
    "opacity": 90
  },
  "todo-tree.highlights.customHighlight": {
    "NOTE": {
      "background": "#FFA500",
      "iconColour": "#FFA500",
      "icon": "file"
    },
    "TODO": {
      "background": "#FFD703",
      "iconColour": "#FFD703",
      "icon": "clippy"
    },
    "FIXME": {
      "background": "#FF01FF",
      "iconColour": "#FF01FF",
      "icon": "bug"
    },
    "MARK": {
      "background": "#157EFB",
      "iconColour": "#157EFB",
      "icon": "tag"
    },
    "[ ]": {
      "background": "#ff000080",
      "iconColour": "#ff000080",
      "icon": "square"
    },
    "[x]": {
      "background": "#00ff0080",
      "iconColour": "#00ff0080",
      "icon": "square-fill"
    }
  },
  "todo-tree.regex.regex": "(//|#|<!--|;|/\\*|^|^\\s*(-|\\d+.))\\s*($TAGS)",
}

태그로 사용할 수 있는 다양한 가능성 목록을 제공합니다.

태그 만들기

해당 태그가 충분하지 않은 경우 이 예를 사용하여 더 많이 만들고 "todo-tree.highlights.customHighlight" 속성 내에 포함할 수 있습니다.

"HOT": {
  "background": "#f80b2180",
  "iconColour": "#f80b2180",
  "icon": "flame"
}

icon 속성은 트리 보기에서 다른 아이콘을 설정하는 데 사용되며 반드시 유효해야 합니다octicon.

행동 중

이제 사용할 준비가 되었습니다. VSCode 사이드바 메뉴에서 확장을 찾을 수 있으며 클릭하면 태그 탐색기가 열립니다.



다양한 유형의 보기, 그룹화 및 필터를 사용할 수 있습니다.



그리고 제가 가장 좋아하는 것 중 하나입니다. 색상으로 작업 목록을 생성하기 위한 Markdown 지원.




그게 다야!
행복한 코딩 🖖