VsCode에서 디렉토리 폴더 구조 겹침 없애는 방법

VsCode(Visual Studio Code)를 사용하다보면 탐색기에서 상위 폴더와 하위 폴더가 / 로 분류되어 폴더 계층구조가 겹쳐서 보인다. 한 눈에 계층구조를 파악하기 불편하므로 폴더를 계층구조로 보이도록 설정할 것이다.

요거를 저렇게

1. VsCode 설정창 들어가기

본인의 운영체제에 따라 아래의 키를 동시에 누르면 VsCode 설정창에 접속한다.

Windows : Ctrl + ,
macOS : ⌘ + ,
Linux : Ctrl + ,

2. Compact Folders 체크박스 해제

설정창에서 explorer.compactFolders 검색 후 Explorer: Compact Folders 체크박스를 해제한다.

이제 하위 폴더도 계층 구조대로 확인할 수 있다. 간단하지만 은근 신경 쓰이는 부분 해결!