TIL . vscode 디렉토리 폴더 구조

개인프로젝트를 진행하는 도중 사진경로가 적용이 되지 않아 약 1시간 정도 삽질을 하고 있던 도중 동기분이 천사처럼 나타나 디렉토리 폴더구조가 이상한 것을 찾아주셨고 이에 대해 작성해보려 한다.

먼저,

Visual Studio Code는 개발자들이 가장 많이 쓰는 편집기 중 하나 이다.
사용자가 많다는 것은 많은 확장앱을 통하여 편의성을 제공하고 있다는 것이다.

하지만 이런 이슈는 개인적으로 나에게는 조금 아쉬웠다.

예시를 보자

이처럼 폴더 구조가 하위에 생성되어 있는 것이 아닌 옆으로 생성이 된다.
시각적으로만 이렇게 보이면 문제가 없지만 이렇게 생성이 되면 leve1 경로가 오류난다.

그래서 폴더 구조를 이렇게 변경해주어야 한다.

1. setting에 들어간다.

좌하단의 톱니바퀴를 클릭하면 다음과 같은 화면이 나오는데 설정을 클릭하자

2. search setting 란에 explorer.compactFolders 검색

검색하면 다음과 같은 화면이 나오는데 체크박스에 체크가 되어있을 것이다.

3. 체크 해제

다음 사진 처럼 체크 해제를 진행해주면 폴더 구조가 변경된다.

위의 과정을 모두 진행했다면 다음 사진처럼 디렉토리 폴더 구조 가 변경되었을 것 이다. 물론 구조 변경하는 것이 필수는 아니지만 개인적으로 이렇게 구조를 변경하면 가독성이 좋고 추후 경로를 연결해줄 때 이슈를 줄일 수 있을 것 같다.