[VS Code] 💽 project tree - 파일 트리 구조 자동 생성

project-tree

프로젝트를 진행하다보면, 즐비한 디렉토리의 파일과 폴더들을 정리하고 싶을 때가 있다.

보통 readme.md에 마크다운으로 파일트리를 타이핑하지만, vscode에 자동완성 익스텐션이 있어 소개해 본다.

project-tree - Visual Studio Marketplace

위의 링크의 익스텐션을 설치하고 ctrl + shift + p 를 눌러 커맨드 창을 띄운다. 그리고 project Tree 를 검색하여 실행한다.

그럼 Reade.md파일이 자동으로 생성되며, 파일 트리가 자동으로 작성 되는 것을 확인 할 수 있다. 만일 이미 readme.md가 있다면 텍스트를 추가하는 식으로 동작된다

기본적으로 이 익스텐션은 .gitignore에 적힌 제외 파일,폴더들을 인식하여 동작한다. 따라서 노드 프로젝트 일경우, .gitignore에 node_modules를 적는걸 추천한다.

---

Project Tree Generator

만일 자신이 다른 ide를 쓴다고하면 파일 트리 생성기 온라인 툴도 존재한다.

깃헙 리포지토리 주소를 쓰고 제출하면 놀랍게도 자동으로 파일 트리 텍스트가 자동완성 된다. 추가하거나 삭제할게 있으면 바로바로 수정하고 그대로 복사하면 된다.

Project Tree Generator

---

# 참고자료

https://woochanleee.github.io/project-tree-generator/

https://marketplace.visualstudio.com/items?itemName=zhucy.project-tree