VSCode의 TODO 목록

이 문서는 Caitlyn Greffly에서 시작한 스레드에서 영감을 받았습니다.

그렇다면 문제는 코딩하면서 TODO 목록을 어떻게 관리하느냐입니다. 구성 요소의 기본 기능에 대해 작업하고 있으며 작업 흐름도 또는 서면 목록에서 작업 계획을 가지고 있습니다. TODO의 정신적 메모를 어떻게 가지고 있습니까? 몇 가지 간단한 옵션이 있습니다.

손으로 쓴 목록(누가 더 이상 쓰나요?)

프로젝트 디렉토리의 마크다운 파일

보드의 Trello는 특히 Trello 모바일 앱과 함께 사용할 때 좋은 시각적 알림입니다.

VSCode 확장

VSCode를 IDE로 사용하고 있다면 필요한 거의 모든 것에 대한 수많은 확장이 있다는 것을 이미 알고 있을 것입니다. 지금까지 몇 달 동안 저는 VSCode의 탐색기 창에 트리 보기를 표시하는 확장 프로그램TODO Tree을 사용해 왔습니다. 트리 내에서 TODO를 클릭하면 파일이 열리고 TODO가 포함된 줄에 커서가 놓입니다.

기본적으로 작동하는 방법은 다음과 같습니다. 위 링크에서 확장 프로그램을 설치하고 다음과 같이 소스 코드에 TODO를 추가하여 테스트해 보세요.// TODO - todo note
또는 FIXME 메모// FIXME - fix something
이제 인터페이스를 살펴보겠습니다.

상호 작용

이제 사이드바에 TODO 트리 상자가 있음을 알 수 있습니다. TODO 또는 FIXME 메모 목록을 필터링하고 표시하는 다양한 옵션을 제공하는 여러 아이콘(위 참조)이 있습니다. 이 노트 중 하나를 클릭하면 소스 파일이 자동으로 열립니다.

가장 밝은 부분

내 옵션에서 가장 좋은 기능 중 하나는 소스 코드의 메모를 강조 표시하고 TODO 트리의 아이콘을 색상 코드로 지정하는 기능입니다. 이 기능은 소스 코드에 잘 설명되어 있으며 아래에 설정을 제공했습니다. VSCode settings.json에 복사하기만 하면 됩니다.

  "todo-tree.customHighlight": {
    "TODO": {
      "icon": "check",
      "type": "line",
      "iconColour": "yellow",
      "foreground": "red",
      "background": "yellow",
    },
    "FIXME": {
      "icon": "beaker",
      "iconColour": "red",
      "foreground": "white",
      "background": "red"
    }
  },

결과는 다음과 같습니다.



TODO 트리를 사용해 보고 구성에 도움이 될 수 있으면 메시지를 보내주세요.