VS Code에서 JetBrains처럼 폴더 구조 보기 설정하는 방법

Micorosoft에서 Visual Studio Code(VS Code이하)는 무료이면서도, 매우 유용한 도구입니다.

요즘은 Copilot를 이용해서, 개발에도 도움을 주는 너무 파워풀한 개발툴로 성장해 가고 있습니다.

 

개인적으로 사용시간이 늘어가면서,  VS Code에 치명적인 단점을 발견하게 되었습니다.

그것은, 개발 폴더를 보여주는 Expoloer(탐색기)가  > (크다) 표시로 폴더가 나오다 보니.

폴더와 파일의 위치를 구분하기가 어려워서 종종 파일의 위치를 파악하는데 어려움이 있습니다.

 

기존에 설치 되지 않은 폴더 표시 항목

 

해당 부분을 해결해 주는 Plugin(확장:마켓플레이스 Extensions:Maerketplace)이 있어서 소개해 드립니다.

 

 

Material Icon Theme를 추가해 주면,
폴더의 위치 구분에 명확함을 알 수 있습니다.

 

Meterial Icon Theme 설치 화면

 

 

VS Code의 EXTENSIONS에 "Meterial Icon Theme"를 입력하면 처음에 뜹니다.

 

 

무려 30만명 이상이 다운로드한 인기 프로그램입니다. 별점도 5점 만점이죠.

 

정말 유요한 플로그인

 

설치가 완료되면, 다음과 같이 멋지게 표현이 됩니다.

해당 프로그램은 macOS와 Windows OS에도 모두 지원되오니.

많은 이용 추천드립니다.

 

폴더와 파일 구조가 가독성이 높아집니다.