VS Code에서 새 작업 공간을 만드는 방법

Visual Studio Code 작업 영역은 단일 창에서 열리는 파일 모음입니다. 작업공간은 단일 폴더일 수 있지만 경우에 따라 다중 루트 작업공간으로 알려진 개발 워크플로에 여러 파일이 포함됩니다. 프로젝트에서 작업 중이고 이 플랫폼에서 여러 파일을 열어야 하는 경우 새로운 작업 공간 기능이 도움이 될 수 있습니다. 동일한 창에서 여러 파일을 열 수 있으므로 필요한 모든 문서에 쉽게 액세스할 수 있습니다. .code-Workspaces 파일은 프로젝트의 폴더 구성을 저장하는 데 사용됩니다. 일단 구성되면 동일한 창에서 다양한 파일을 자동으로 엽니다. 또한 쉘 스크립트를 작성하는 것보다 훨씬 빠르고 쉽게 설정할 수 있습니다. VS Code 작업 공간을 만드는 방법을 확인하십시오.

VS Code에서 새 작업 공간 만들기

작업공간은 코드를 테스트하고 개발하는 데 사용할 수 있는 팀 코드베이스의 로컬 사본인 경우가 많습니다. 대부분의 경우 VS 폴더를 열면 자동으로 생성됩니다. 그러나 프로젝트의 다른 분기에서 수행한 모든 변경 사항을 추적하기 위해 여러 파일을 생성할 수 있습니다. 이러한 파��을 VS Code 작업 영역으로 통합하는 방법은 다음과 같습니다.

1. 작업 공간에서 원하는 폴더를 선택하십시오.
   
2. "파일"로 이동한 다음 "폴더를 작업 공간에 추가"로 이동하여 작업 공간에 추가하십시오.
   
3. 작업 공간이 설정되면 "파일"로 이동한 다음 "작업 공간을 다른 이름으로 저장"으로 이동하여 새 포럼을 저장합니다.
   

이제 새 작업공간이 VS Code에 생성되었으며 이름이 (Name).code-Workspace로 표시됩니다.

작업 공간 설정

이러한 설정은 기본 설정보다 우선하며 원하는 대로 작업 공간을 사용자 지정하는 데 사용할 수 있습니다. JSON 파일에 저장되며 위치는 폴더를 여는 방법에 따라 결정됩니다.

단일 폴더 작업 공간 설정

폴더를 Workspace로 열면 .vscode/settings.json에서 설정을 찾을 수 있습니다.

다중 루트 작업 공간 설정

여는 폴더가 .code-workspace 파일인 경우 모든 Workspace 설정이 .code-workspace 파일에 추가됩니다.

여전히 루트 폴더별로 설정을 사용자 지정할 수 있지만 이 설정은 .code-workspace에 정의된 설정을 재정의합니다.

Workspace 시작 구성 및 작업

Workspace에 대한 설정이 구성되는 방식과 유사하게 작업 및 실행도 Workspace에 맞게 개인화할 수 있습니다. .code-workspace 파일 또는 Workspace로 열린 폴더가 있는 경우 작업 및 시작 구성의 위치는 .vsh 파일 또는 .workspace 파일에 있습니다. 이러한 구성은 폴더에서 조정할 수도 있습니다.

새 VS Code 작업 공간 최적화

TypeScript, Javascript 및 Node JS를 비롯한 다양한 프로그래밍 언어를 기본적으로 지원하는 Workspace는 개발자에게 이상적인 도구입니다. 이러한 팁은 플랫폼을 보다 효율적이고 탐색하기 쉽게 만듭니다.

터미널

운영 체제에서 제공하는 기본 터미널을 사용하고 있을 수 있습니다. VS Code를 사용하면 OS 기능에 의존할 필요가 없도록 플랫폼을 만들고 싶었습니다. VS Code에는 모든 요구 사항이 한 곳에 있는 내장 터미널이 함께 제공됩니다. 이는 개발 프로젝트를 추적하고 원활하게 실행되고 있는지 확인하는 좋은 방법입니다. 이름을 변경하거나 아이콘 색상을 변경하는 기능을 사용하면 프로젝트의 다양한 터미널을 쉽게 구분할 수 있습니다.

랩 탭

이 기능은 여러 구성 요소가 사용되는 대규모 프로젝트에서 작업하는 개발자에게 유용합니다. 한 구성 요소에서 다른 구성 요소로 이동할 때 모든 파일을 추적하기 어려울 수 있습니다. VS Code에서는 브라우저에 탭이 표시되며 그 안에 있는 내용을 보려면 탭에서 다른 탭으로 스크롤해야 합니다.

보다 효율적인 방법은 Cmd +를 클릭하고 “Wrap Tabs”를 ​​검색하여 이러한 탭을 래핑하는 것입니다. 이 기능을 사용하면 다른 탭에 무엇이 있는지 쉽게 볼 수 있습니다.

핀 탭

개발자는 작업 공간을 가능한 한 체계적으로 유지하는 것이 좋습니다. 자주 사용하는 탭을 화면 전면에 고정하면 됩니다. Cmd + 또는 Ctrl + 버튼을 누르고 "핀 탭"을 검색하여 이러한 탭의 모양과 느낌을 사용자 지정할 수도 있습니다.

사용자 인터페이스

터미널의 인터페이스는 탐색기, 검색, 프로젝트 관리자 및 출력과 같은 다양한 옵션을 갖도록 설정됩니다. 또한 여러 세부 정보를 쉽게 찾고 수정할 수 있는 바닥글과 같은 섹션이 있습니다. VS Code에서는 이러한 탭을 드래그 앤 드롭하여 원하는 대로 재정렬할 수 있습니다. 자주 사용하는 옵션을 상단에 더 가깝게 배치하거나 쉽게 액세스할 수 있도록 사용자 정의할 수 있습니다. 사용자 인터페이스를 개인화하면 작업 공간을 더 쉽게 탐색할 수 있습니다.

언어

Visual Studio Code에서 새 페이지를 만들 때 파일에는 제목이 없으며 해당 세부 정보를 직접 입력해야 합니다. 그런 다음 파일 이름으로 이동하고 확장자를 입력해야 합니다. 특히 많은 수의 파일을 처리할 때 프로세스가 지루할 수 있습니다.

IDE에서 파일을 볼 수 있도록 하여 프로세스를 최적화할 수 있습니다. 그런 다음 이전 명명 시스템을 사용하여 생성한 새 파일에 이름을 할당합니다.

시사

VS Code에는 몇 가지 실망스러운 기능이 있습니다. 예를 들어, 미리 보기에서 파일을 연 다음 첫 번째 파일을 변경하지 않고 즉시 다른 파일을 열면 프로그램이 첫 번째 파일을 닫습니다. 이를 변경하고 미리보기에서 두 파일을 모두 열어 두려면 설정으로 이동하여 "미리보기 활성화"를 검색하십시오. 체크박스를 선택하여 필요한 사항을 변경합니다.

새 PC 설정

원하는 대로 VS Code Workspace를 사용자 지정하고 개인화했지만 새 PC를 구입했을 수 있습니다. 새 기계는 훌륭하지만 작업 공간을 재구성해야 하는 것은 성가신 일입니다.

동기화를 설정하면 모든 구성을 한 곳에 저장할 수 있습니다. 다른 장치를 받으면 이전 장치의 설정을 새 VS Code 작업 영역에 자동으로 적용합니다. 이렇게 하면 새 PC에서 Workspace를 다시 구성할 필요가 없습니다.

리플레이 열기

프로덕션에서 웹 앱 디버깅을 시작하는 것은 어렵고 시간이 많이 소요될 수 있습니다. OpenReplay를 사용하면 사용자가 수행하는 모든 작업을 모니터링하고 재생할 수 있으므로 앱이 어떻게 작동하는지 확인하고 나타날 수 있는 문제를 감지할 수 있습니다. OpenReplay는 LogRocket 및 FullStory 와 같은 다른 디버깅 응용 프로그램에 대한 무료 오픈 소스 대안이므로 훌륭한 옵션입니다 . 디버깅 프로그램을 사용하면 Workspace를 사용할 때 많은 시간을 절약할 수 있습니다.

GitHub

VS Code는 기본 제공 GitHub 통합과 함께 제공됩니다. 이렇게 하면 파일을 GitHub에 빠르게 푸시할 수 있습니다. VS Code에서 GitHub에 연결하면 git 명령을 작성하는 데 시간을 소비할 필요가 없습니다. VS Code 통합으로 파일을 더 간단하게 관리할 수 있습니다.

모든 폴더를 한 위치에

Workspace를 사용하면 팀이 쉽게 정리된 상태를 유지할 수 있습니다. 파일과 폴더를 단일 위치에 저장할 수 있으므로 버튼 클릭 한 번으로 파일과 폴더를 열고 볼 수 있습니다. 또한 작업 공간을 최적화하여 효율성을 높이고 진행 중인 프로젝트를 추적할 수 있습니다. 이 가이드를 통해 이제 VS Code에서 작업 공간을 만들고 필요에 맞게 사용자 지정할 수 있습니다.

VS Code에서 새 작업 공간을 설정했습니까? 아래 의견에서 작업 공간을 만들고 최적화한 방법을 알려주십시오.