비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

Kim VamPa

정보/IDE(설치,설정 등)

[VSCode] 프로젝트 폴더(항목) 추가 및 제거 방법

Kim VamPa 2020. 9. 16. 10:54

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

목표

  Visual Studio Code(VSCode)에서 프로젝트 폴더(항목)를 추가하고 제거하는 방법에 대해 알아봅니다. 

목차

1. 프로젝트 폴더(항목) 추가 방법

2. 프로젝트 폴더(항목) 제거 방법

1. 프로젝트 폴더(항목) 추가 방법

 - 상단 메쥬바에서 [File]을 클릭 [Open Folder]를 클릭합니다.

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo
그림 1

- 추가하고자 하는 폴더를 선택하여 [폴더 선택]을 누르거나, 추가하고자 하는 폴더에 들어간 후 [폴더 선택]을 클릭합니다.

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo
그림 2
비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo
그림 3

- 사이드 바를 보시면 추가된 것을 확인하실 수 있습니다. 

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo
그림 4

2. 프로젝트 폴더(항목) 제거 방법

- 사이드 바에 제거하고자 하는 프로젝트 폴더(항목) 영역에 마우스를 가져간 후 오른쪽 마우스를 클릭합니다.(파일이 없는 빈 공간에 가져가야 합니다.) 클릭 후 [Remove Folder from Workspace]를 클릭합니다.

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo
그림 5

- 아래 스크린샷과 같이 해당 목록이 제거된 것을 확인할 수 있습니다. 

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo
그림 6

Reference

Date

  • 2020.09.16 작성

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

Visual Studio Code는 개발자들이 가장 많이 쓰는 편집기 중 하나 일것입니다. 사용자가 많다는 것은 수많은 확장앱들을 통해 편의성을 제공하고 있기 때문인데요. 

하지만 이러한 VS Code를 쓰면서 짜증나는 순간이 있습니다. VS code가 익숙치 않았을 때 한번쯤은 겪었을 바로 다음과 같은 상황인데요

바로 다음과 같이 폴더 구조가 되있다는 점인데요. 특정 폴더에 파일을 복사하거나 넣고 싶은데 이러한 폴더 구조로 나타나있게 되면 상당히 번거롭고 귀찮습니다.

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

그래서 위의 폴더 구조를 아래와 같은 형태로 바꾸는 방법을 소개해드리겠습니다.

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

1. 먼저 Settings에 들어 가주세요

왼쪽 아래에 톱니바퀴 모양을 클릭하면 들어갈 수 있습니다!!

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

그러면 다음과 같은 화면이 뜨게 되는데

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

2. Search settings에 다음과 같이 검색해주세요!

explorer.compactFolders

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

그러면 다음과 같은 화면이 뜨게되는데 체크되어있는 상태일 것입니다.

3. 체크를 해제해주세요!!

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

그러면 짜자잔!

비주얼 스튜디오 .vs 폴더 - bijueol seutyudio .vs poldeo

다음처럼 폴더 구조가 바뀌어있습니다.

본인의 취향에 따라 어떤 폴더구조를 볼것인지 선택하여 설정하면 좋을 것 같습니다.

이외에도 다양한 설정방법을 통해 본인만의 커스텀 Visual studio code를 만들 수 있습니다. 자세한 설정방법들은 앞으로 계속 소개해드리겠습니다! 감사합니다!