README 작성 꿀팁 / 프로젝트 구조도 트리 만들기(feat. file-tree-generator)

README를 작성하다보면 Architecture 소개 부분에

아래와 같이 폴더 구조도를 넣고싶은 경우가 있다.

구글링 해보니까 쉽게 할 수 있는 VSCode 확장 프로그램이 있길래 소개한다.

 

 

VSCode Extension 에서 file-tree-generator 를 설치한다

 

원하는 폴더에서 오른쪽 클릭을 하고 [Generate to Tree] 를 클릭한다

 

그럼 이렇게 프로젝트 구조도가 보기좋게 만들어져서 나온다.

아이콘은 [icon on] [icon off] 버튼을 통해서 만들수도, 지울수도 있다.

 

내용을 복사해서 README 작성 란에 추가할 때 위 아래에 백틱을 3개씩 추가하면 완성!

 

```
(복사한 내용 붙여넣기)
```

 

자주 쓸 것 같다!