[visual-studio-code] Visual Studio Code에서 ‘작업 영역’이란 무엇입니까?

Program / 글쓴이 어드민

나는이 질문을하고 있다고 믿을 수 없지만 문서에서 정의를 찾을 수 없었습니다. 고통스럽지 않은 경우 Visual Studio Code를 처음 사용합니다.

예를 들어 Visual Studio Code 는 사용자 수준과 작업 영역 수준에서 설정을 적용하는 방법에 대해 설명 합니다 .

한편으로는,

(a) 열어 놓은 프로젝트 디렉토리를 나타낼 수 있습니다. 또는
(b) 특정 창에서 연 모든 것을 가리킬 수 있습니다.

위에서 언급 한 페이지는

"Workspace: These settings are stored inside your workspace
in a .vscode folder and only apply when the workspace is opened."

답변

작업 공간이란 무엇입니까?

하나 이상의 루트 폴더와 해당 프로젝트에 속하는 모든 Visual Studio Code 구성으로 구성된 프로젝트. “루트 폴더”는 파일 시스템의 최상위 디렉토리입니다. 이러한 구성에는 다음과 같은 데이터가 포함됩니다.

해당 프로젝트가 열려있을 때 적용되어야하는 설정
프로젝트에 권장되는 확장 (구성 파일을 동료와 공유 할 때 유용)
프로젝트 별 디버깅 구성

왜 작업 공간이 그렇게 혼란 스럽습니까?

Visual Studio Code는 UI 전체 에서이 용어를 일관되게 사용하지 않습니다 ( 이 문제 를 해결 하기 위해 GitHub 문제 를 열었습니다 ). 때로는 위에서 설명한 작업 영역을 참조하고 다른 경우에는 .code-workspace파일 과 특별히 연관된 프로젝트를 작업 영역이라고 합니다.

최근 파일 위젯 이 좋은 예 입니다. 연결된 스크린 샷에서 모든 프로젝트는 동일한 “작업 공간”제목으로 그룹화되어 작업 공간이있는 모든 것을 나타냅니다. 그러나 .code-workspace파일이 있는 프로젝트 에는 “작업 공간”접미사가 주어지며 제목과 모순되며 해당 파일 만 실제로 작업 공간임을 나타냅니다.

`.code-workspace`파일 이란 무엇입니까 ?

주석 파일과 JSON 저장 모든 것을 구성 데이터가 추가로 상기 언급 :

작업 공간에 속하는 모든 루트 폴더의 위치

`.code-workspace`파일이 필요 합니까?

다중 루트 작업 공간을 작성하는 경우에만 . 다중 루트 작업 공간 .code-workspace을 사용하면 탐색기에 표시 할 모든 루트 폴더를 여는 단일 파일이 있습니다 (즉, 여러 폴더를 수동으로 계속 열 필요가 없습니다). 그리고 해당 작업 영역 파일을 열 때마다 해당 작업 영역에 적용 할 모든 Visual Studio 코드 설정 / 구성이 복원됩니다.

단일 폴더 프로젝트는 어떻습니까?

모든 것이 자동화됩니다. Visual Studio Code에서 폴더를 열고 현재 작업중인 프로젝트와 관련된 편집기를 수정하기 시작하면 Visual Studio Code는 자동으로 .vscode폴더를 만들어서 프로젝트 폴더의 루트에 저장합니다. 다시 작업 중입니다. 이 .vscode폴더에는 변경 사항을 저장하는 파일이 있습니다. 예를 들어 현재 프로젝트에만 적용 할 Visual Studio Code 설정 을 변경 하면 Visual Studio Codesettings.json 는 해당 업데이트 가 포함 된 파일을 만들고 해당 파일이 .vscode폴더에 저장됩니다 .

.code-workspace원하는 경우 단일 루트 폴더 만 포함 하는 파일을 만들 수 있습니다 . 그런 다음 프로젝트 폴더를 직접 열거 나 작업 공간 파일을 열 수 있습니다. 그러나 이것이 왜 도움이되는지는 생각할 수 없습니다.

`.code-workspace`파일 은 어떻게 만듭니 까?

메뉴 파일 → 다른 이름으로 작업 공간 저장 …으로 이동 하십시오.

작업 공간에 루트 폴더를 추가하려면 어떻게합니까?

메뉴 파일 → 작업 공간에 폴더 추가 …로 이동하십시오 .

`.code-workspace`파일 로 정의 된 작업 영역을 어떻게 열 수 있습니까?

.code-workspace파일을 두 번 클릭 하십시오. Visual Studio Code는 실제 파일을 열지 않습니다. 대신 해당 파일을 읽고 해당 작업 영역에 속하는 폴더를 엽니 다. 또는 파일 → 작업 공간 열기 … 메뉴로 이동하십시오 .

실제 `.code-workspace`파일을 보려면 어떻게합니까 ?

메뉴 파일 → 열기 …로 이동 하여 대상 .code-workspace파일을 선택 하십시오. 또는 해당 파일과 연관된 작업 공간을 연 다음 명령 팔레트를 열고 작업 공간 : 작업 공간 구성 파일 열기 명령을 검색하여 선택하십시오 .

답변

작업 공간 레벨에서 설정을 저장하고 작업 공간에서 여러 폴더를 열 수 있습니다. 이러한 작업 중 하나를 수행하려면 작업 영역을 사용하고 그렇지 않으면 폴더를여십시오.

Visual Studio Code 작업 영역은 프로젝트의 폴더 및 파일 목록입니다. 작업 공간은 여러 폴더를 포함 할 수 있습니다. 작업 공간의 설정 및 환경 설정을 사용자 정의 할 수 있습니다.

답변

작업 공간은 확장자가 (.code-workspace) 인 텍스트 파일입니다. 텍스트 편집기로 열어서 볼 수 있습니다. 나 역시 작업 공간에 대한 아이디어와 Visual Studio Code에서 구현되는 방식에 좌절했습니다. 나는 나에게 맞는 방법을 찾았다.

단일 “프로젝트”폴더로 시작하십시오.

Visual Studio Code를 열고 열려있는 작업 영역이나 파일 또는 폴더를 닫습니다. EXPLORER에는 “OPEN EDITORS”및 “FOLDER OPENED”만 표시됩니다.

메뉴 바 * →에서 파일 → 폴더 열기 … . 폴더를 넣을 위치로 이동하고 마우스 오른쪽 버튼을 클릭하여 새 폴더를 엽니 다. 원하는 이름을 지정한 다음 “폴더 선택” 을 클릭하십시오 . * Visual Studio Code 탐색기에 나타납니다.

메뉴에서 파일 → 다른 이름으로 작업 공간 저장 …에서 . 작업 공간의 이름을 지정하고 모든 작업 공간을 유지하려는 위치 (프로젝트 폴더가있는 위치는 아님)에 저장하십시오. “Visual Studio Code workspace”라는 폴더에 모든 것을 넣었습니다.

이 .code-workspace파일 은 ( ) 파일 로 저장되며 하드 드라이브의 어느 위치에 있든지 포함하거나 포함하는 모든 파일과 폴더에 대한 색인 일뿐입니다. 텍스트 편집기로 열어서 볼 수 있습니다. 만든 폴더를 닫고 Visual Studio Code를 닫습니다.

이제 작업 공간 “파일”을 찾아 두 번 클릭하십시오. 작업 공간에서 만든 폴더와 함께 Visual Studio Code가 열립니다. 또는 Visual Studio Code를 열고 “Open Workspace”를 사용할 수 있습니다 .

Visual Studio Code 작업 영역에서 생성 한 모든 폴더는 첫 번째 폴더 안에 있습니다. 최상위 폴더를 더 추가하려면 먼저 원하는 위치에 폴더를 만든 다음 Visual Studio Code에서 “Add To Workspace ..” 를 사용 하십시오 .

답변

OP의 제목과 후속 질문은 다음과 같이 요약됩니다.

VS Code의 작업 공간은 무엇입니까?
작업 공간 설정 은 어떻게 작동합니까?

짧은 답변:

작업 공간은 VSCode에서 동시에 열리고 .code-workspace파일에 정의 된 가상 폴더 모음입니다 . 이 파일을 열면 폴더 모음이 자동으로 열립니다. 이것을 “다중 루트”작업 공간이라고합니다.

이 .code-workspace파일은 작업 공간이 열린 VSCode 인스턴스에서 사용되는 작업 공간 설정도 정의합니다.

작업 공간이 정의 되지 않은 경우 (예 : 폴더를 자체적으로 여는 경우 .vscode\settings.json) 해당 폴더 구조의 루트에 파일로 저장되는 “작업 공간 설정”을 작성할 수 있습니다 .

더 자세하게:

VSCode는 “작업 공간”이라는 단어를 약간 모호하게 사용합니다. 고려해야 할 첫 번째 용도는 다중 루트 작업 공간 이라고하는 것입니다 .

다중 루트 작업 영역은 VSCode 인스턴스에서 집합 적으로 열리는 폴더 세트 ( “루트”)입니다. 이러한 폴더가 상위 폴더를 공유 할 필요는 없습니다. 실제로 VSCode는 일반적으로 탐색기 사이드 바에서 단일 폴더를 사용하기 때문에 요점입니다.

다중 루트 작업 공간은 작업 공간에 .code-workspace포함 할 폴더 목록과 VSCode 설정을 모두 포함 하는 (JSON) 파일 로 정의됩니다 .

https://code.visualstudio.com/docs/editor/multi-root-workspaces

해당 작업 공간 설정과 관련하여 …

파일> 환경 설정> 설정을 열면 설정 편집기가 표시됩니다. 최소한 사용자 설정 탭 이 표시되어야합니다 . 로컬 컴퓨터의 사용자 계정에 공통적 인 VSCode 설정입니다. Windows에서는이 파일들이에 저장됩니다 %APPDATA%\Code\User\settings.json.

VS 코드 설정 파일 위치

개별 폴더 (종종 작업 공간의 각 “루트”폴더)에는 .vscode자체 settings.json파일 이있는 폴더가 있을 수 있습니다 . 작업 영역의 일부가 아닌 개별적으로 열면 이러한 settings.json파일 의 내용이 WORKSPACE SETTINGS 탭에 표시되고 해당 파일의 모든 설정이 실행중인 VSCode 인스턴스에서 사용됩니다.

다중 루트 작업 공간을 열 때 상황이 다르게 동작합니다. 먼저 WORKSPACE SETTINGS 탭에 .code-workspace파일에 설정된 옵션이 표시 됩니다. 둘째, settings.json파일이 있는 폴더 는 새로운 폴더 설정 탭 아래에 나타납니다 . 다중 루트 작업 영역에서는 각 폴더의 제한된 수의 설정 만 settings.json사용됩니다. 자세한 내용을 보려면 위의 링크를여십시오.

답변

작업 공간의 주요 유틸리티는 (그리고 아마도 유일한 것) 프로젝트를 구성하는 여러 개의 독립적 인 폴더 를 추가하는 것 입니다. 예를 들면 다음과 같습니다.

- WorkspaceProjectX
-- ApiFolder   (maybe /usr/share/www/api)
-- DocsFolder  (maybe /home/user/projx/html/docs)
-- WebFolder   (maybe /usr/share/www/web)

따라서 여러 폴더 창을 열지 않고 특정 프로젝트를 위해 작업 공간에서 이들을 그룹화 할 수 있습니다.

자세한 내용은 여기를 참조 하십시오 .

답변

일부 조사에서 답은 (a)로 나타납니다.

설정을 변경하면 설정 파일이 프로젝트 디렉토리의 .vscode 디렉토리로 이동합니다.

답변

방금 Visual Studio Code v1.25.1을 설치했습니다. Windows 7 Professional SP1 컴퓨터에서 작업 영역을 자세히 이해하고 싶었으므로이 버전의 Visual Studio Code에서 작업 방식을 알아내는 데 몇 시간을 보냈습니다 . 연구 결과가 지역 사회에 관심이있을 것이라고 생각했습니다.

먼저 Microsoft는 Visual Studio Code 설명서에서 작업 영역을 “멀티 루트 작업 영역”이라고합니다. “다중 폴더 (AKA”루트 “) 작업 환경을 의미하는 일반 영어로. Visual Studio Code 작업 영역은 원하는 폴더 모음입니다. 원하는 순서대로 원하는 모음을 찾을 수 있습니다. 일반적인 폴더 모음은 소프트웨어 개발 프로젝트를 구성합니다. 그러나 폴더 모음은 소프트웨어 코드가 개발되는 다른 용도로 사용될 수 있습니다.

Visual Studio Code가 작업 영역을 처리하는 방식의 역학은 약간 복잡합니다. 내가 배운 것을 전달하는 가장 빠른 방법은 컴퓨터에서 작업 공간이 어떻게 작동하는지 확인할 수있는 일련의 지침을 제공하는 것입니다. Visual Studio Code v1.25.1을 새로 설치하는 것으로 시작한다고 가정합니다. 프로덕션 버전의 Visual Studio Code를 사용하는 경우 기존 Visual Studio Code 구성의 일부 또는 전부를 잃을 수 있으므로 지침을 따르지 않는 것이 좋습니다. 테스트 버전의 Visual Studio Code v1.25.1 이 이미 설치되어 있고 ** 존재하는 구성을 잃어 버리려는 경우 Visual Studio 코드를 새로운 설치 상태로 되돌리려면 다음을 수행해야합니다.

다음 폴더를 삭제하십시오 (있는 경우).

  C:\Users\%username%\AppData\Roaming\Code\Workspaces (where "%username%" is the name of the currently logged-on user)

Visual Studio Code에 폴더를 추가하여 새 작업 영역을 만듭니다. 이 새 작업 영역을 만드는 데 사용하려는 폴더가 Visual Studio Code와 함께 이미 사용 된 경우 새 작업 영역을 만드는 데 사용될 각 폴더 내에서 “.vscode”하위 폴더 (있는 경우)를 삭제하십시오. .

Visual Studio Code를 시작하십시오. 경우 시작 페이지가 표시됩니다 닫습니다. 패널 (수평 패널)이 표시되는 경우에도 동일하게 수행하십시오. Git이 설치되지 않았다는 메시지가 표시되면 “나에게 알림”을 클릭하십시오. 표시되면 기본 코드 페이지로 시작된 “제목 없음”코드 페이지도 닫으십시오. 탐색기 창이 표시되지 않으면 기본 메뉴에서 “보기”를 클릭 한 다음 “탐색기”를 클릭하여 탐색기 창을 표시하십시오. 탐색기 창에는 3 개의보기 헤더-편집기 열기, 열린 폴더 없음 및 개요 (탐색기 창의 맨 아래에 위치)가 표시됩니다. 최소한 열린 편집기 와 폴더 열린 보기 헤더가 표시 되지 않아야합니다 .

Visual Studio Code는 “Open Folder”라는 단추를 표시합니다. 이 버튼을 클릭하고 원하는 폴더를 선택하십시오. Visual Studio Code가 새로 고쳐지고 선택한 폴더의 이름이 “No Folder Opened”보기 이름으로 바뀝니다. 선택한 폴더 내에 존재하는 모든 폴더와 파일이보기 이름 아래에 표시됩니다.

이제 Visual Studio 코드 환경 설정 파일을 엽니 다 . 이를 수행하는 방법에는 여러 가지가 있습니다. 메뉴 → 파일 → 환경 설정 → 설정을 가장 쉽게 기억할 것입니다. 설정 파일은 두 개의 열로 표시됩니다. 왼쪽 열은 모든 Visual Studio 코드 기능에 대한 읽기 전용 기본값 목록입니다. 오른쪽 열은 세 가지 유형의 사용자 설정을 나열하는 데 사용됩니다. 테스트 시점에서 사용자 설정과 작업 공간 설정의 두 가지 사용자 설정 만 표시됩니다. 기본적으로 사용자 설정이 표시됩니다. 사용자 설정 .json 파일의 내용이 표시됩니다. 이 파일의 위치를 찾으려면 탐색기의 OPEN EDITORS보기 아래에 표시되는 “사용자 설정”목록 위로 마우스를 가져 가십시오. 오른쪽 열의 “사용자 설정”옵션을 선택하면 OPEN EDITORS보기의이 목록이 자동으로 선택됩니다. 경로는 다음과 같아야합니다.

C:\Users\%username%\AppData\Roaming\Code\User\settings.json

이 settings.json 파일은 Visual Studio Code의 사용자 설정이 저장되는 위치입니다.

이제 환경 설정 목록의 오른쪽 열에서 작업 공간 설정 옵션을 클릭하십시오. 이렇게하면 몇 단계 전에 탐색에 추가 한 폴더에 “.vscode”라는 하위 폴더가 자동으로 생성됩니다. 탐색기에서 폴더 목록을보고 .vscode 하위 폴더가 추가되었는지 확인하십시오. 새로운 .vscode 하위 폴더에는 또 다른 settings.json 파일이 있습니다. 이 파일에는 몇 단계 전에 탐색기에 추가 한 폴더 의 작업 영역 설정 이 포함되어 있습니다 .

이 시점 에서 사용자 설정이 저장된 단일 폴더 가 있습니다.

C:\Users\%username%\AppData\Roaming\Code\User\settings.json

작업 공간 설정은 다음 위치에 저장됩니다.

C:\TheLocationOfYourFolder\settings.json

단일 폴더가 Visual Studio Code의 새 설치에 추가 될 때의 구성입니다. 두 번째 이상의 폴더를 추가하면 문제가 발생합니다. 여러 폴더를 수용하기 위해 Visual Studio Code의 사용자 설정 및 작업 영역 설정을 변경하고 있기 때문입니다. 단일 폴더 환경에서는 위에 나열된 두 개의 settings.json 파일 만 필요합니다. 그러나 다중 폴더 환경에서는 탐색기에 추가 된 각 폴더에 .vscode 하위 폴더가 만들어지고 다중 폴더 환경을 관리하기 위해 “workspaces.json”이라는 새 파일이 만들어집니다. 새로운 “workspaces.json”파일은 다음 위치에 작성됩니다.

c:\Users\%username%\AppData\Roaming\Code\Workspaces\%workspace_id%\workspaces.json

“% workspaces_id %”는 고유 한 모든 번호 이름을 가진 폴더입니다.

기본 설정 오른쪽 열에 사용자 설정, 작업 공간 설정 및 폴더 설정의 세 가지 사용자 설정 옵션이 나타납니다. 사용자 설정 기능은 단일 폴더 환경과 동일하게 유지됩니다. 그러나 작업 공간 설정 뒤에있는 설정 파일은 단일 폴더의 .vscode 하위 폴더에있는 settings.json 파일에서 위에 표시된 workspaces.json 파일 경로에있는 workspaces.json 파일로 변경되었습니다. 각 폴더의 .vscode 하위 폴더에있는 settings.json 파일은 이제 세 번째 사용자 설정 인 폴더 옵션에 의해 제어됩니다. 이것은 각 폴더의 .vscode 하위 폴더에있는 각 폴더의 settings.json 파일을 관리 할 수있는 드롭 다운 선택 목록입니다. 참고 : 폴더 옵션 사용자 설정에서 새로 추가 된 폴더를 한 번 이상 선택할 때까지 .vscode 하위 폴더가 새로 추가 된 탐색기 폴더에 생성되지 않습니다.

Explorer 단일 폴더 이름이 “UNTITLED (WORKSPACE)”로 변경되었습니다. 이것은 다음을 나타냅니다.

이름이 “UNTITLED (WORKSPACE)”인 다중 폴더 작업 공간이 작성되었습니다.
작업 공간이 아직 별도의 고유 한 작업 공간 파일로 저장되지 않았 음을 알리기 위해 작업 공간의 이름은 “UNTITLED (WORKSPACE)” 입니다.
UNTITLED (WORKSPACE) 작업 영역에는 폴더를 추가하고 제거 할 수 있지만 Visual Studio Code의 유일한 작업 영역 환경으로 작동합니다.

Visual Studio Code 작업 영역의 모든 기능은 작업 영역이 파일로 저장되어 필요할 때 다시로드 할 수있는 경우에만 실현됩니다. 이를 통해 고유 한 다중 폴더 작업 공간 (예 : 프로젝트)을 생성하고 나중에 사용할 수 있도록 파일로 저장할 수 있습니다. 이 선택 메뉴 수행하려면 파일 → 저장 작업 공간을기본 메뉴에서 현재 작업 공간 구성을 고유 한 작업 공간 파일로 저장하십시오. “처음부터”작업 공간을 작성해야하는 경우, 먼저 현재 작업 공간 구성을 저장하고 (필요한 경우) 각 탐색기 폴더 이름을 마우스 오른쪽 단추로 클릭하고 “작업 공간에서 폴더 제거”를 클릭하십시오. 모든 폴더가 작업 공간에서 제거되면 새 작업 공간에 필요한 폴더를 추가하십시오. 새 폴더 추가를 마치면 새 작업 영역을 새 작업 영역 파일로 저장하십시오.

중요한 참고 사항 -Visual Studio Code는 탐색기에 하나의 폴더 만 남아 있거나 “처음부터”새 작업 영역을 만들 때 탐색기에서 모든 폴더가 제거 된 경우 단일 폴더 모드로 “복귀”되지 않습니다. 세 가지 사용자 기본 설정을 사용하는 다중 폴더 작업 공간 구성은 여전히 유효합니다. 즉,이 게시물의 시작 부분에있는 지침을 따르지 않으면 Visual Studio Code를 단일 폴더 작업 모드로 되돌릴 수 없으며 항상 다중 폴더 작업 영역 모드로 유지됩니다.