사용자 및 작업 공간 설정
Visual Studio Code는 다양한 설정을 통해 원하는 대로 구성할 수 있습니다. VS Code의 편집기, 사용자 인터페이스 및 기능 동작의 거의 모든 부분에는 수정할 수 있는 옵션이 있습니다.
VS Code는 설정에 대해 다양한 범위를 제공합니다:
- 사용자 설정 - 열어본 모든 VS Code 인스턴스에 전역적으로 적용되는 설정입니다.
- 작업 공간 설정 - 작업 공간 내에 저장되며, 작업 공간이 열릴 때만 적용되는 설정입니다.
VS Code는 설정 값을 설정 JSON 파일에 저장합니다. 설정 값을 변경하려면 설정 JSON 파일을 편집하거나 설정 편집기를 사용하여 설정을 관리할 수 있습니다.
사용자 설정
사용자 설정은 VS Code를 사용자 맞춤형으로 구성하기 위한 개인 설정입니다. 이러한 설정은 열어본 모든 VS Code 인스턴스에 전역적으로 적용됩니다. 예를 들어, 사용자 설정에서 편집기 글꼴 크기를 14로 설정하면, 컴퓨터의 모든 VS Code 인스턴스에서 글꼴 크기가 14로 설정됩니다.
사용자 설정에 접근하는 방법은 여러 가지가 있습니다:
- 명령 팔레트에서 Preferences: Open User Settings 명령을 선택합니다 (
kb(workbench.action.showCommands)
) - 설정 편집기에서 User 탭을 선택합니다 (
kb(workbench.action.openSettings)
) - 명령 팔레트에서 Preferences: Open User Settings (JSON) 명령을 선택합니다 (
kb(workbench.action.showCommands)
)
작업 공 간 설정
작업 공간 설정은 특정 프로젝트에만 적용되며 사용자 설정을 덮어씁니다. 특정 프로젝트에 적용할 특정 설정이 있는 경우 작업 공간 설정을 사용할 수 있습니다. 예를 들어, 백엔드 서버 프로젝트의 경우 files.exclude
설정을 사용하여 파일 탐색기에서 node_modules
폴더를 제외할 수 있습니다.
[!NOTE] VS Code의 "작업 공간"은 일반적으로 프로젝트 루트 폴더입니다. 다중 루트 작업 공간이라는 기능을 통해 VS Code 작업 공간에 여러 개의 루트 폴더를 가질 수도 있습니다. VS Code 작업 공간에 대한 자세한 정보를 확인하세요.
VS Code는 작업 공간 설정을 프로젝트의 루트에 있는 .vscode
폴더에 저장합니다. 이를 통해 버전 관리된 프로젝트(예: Git)에서 다른 사람과 설정을 쉽게 공유할 수 있습니다.
작업 공간 설정에 접근하는 방법은 여러 가지가 있습니다:
- 명령 팔레트에서 Preferences: Open Workspace Settings 명령을 선택합니다 (
kb(workbench.action.showCommands)
) - 설정 편집기에서 Workspace 탭을 선택합니다 (
kb(workbench.action.openSettings)
) - 명령 팔레트에서 Preferences: Open Workspace Settings (JSON) 명령을 선택합니다 (
kb(workbench.action.showCommands)
)
모든 사용자 설정이 작업 공간 설정으로 사용 가능한 것은 아닙니다. 예를 들어, 업데이트 및 보안과 관련된 애플리케이션 전역 설정은 작업 공간 설정으로 덮어쓸 수 없습니다.
설정 편집기
설정 편집기는 사용자 및 작업 공간 설정을 관리하기 위한 그래픽 인터페이스를 제공합니다. 설정 편집기를 열려면 파일 > 환경 설정 > 설정으로 이동합니다. 또는 명령 팔레트(kb(workbench.action.showCommands)
)에서 Preferences: Open Settings를 선택하거나 키보드 단축키(kb(workbench.action.openSettings)
)를 사용할 수 있습니다.
설정 편집기를 열면 원하는 설정을 검색하고 발견할 수 있습니다. 검색창을 사용하여 검색할 때, 설정 편집기는 조건에 맞는 설정만 표시하도록 필터링합니다. 이를 통해 설정을 빠르고 쉽게 찾을 수 있습니다.
VS Code는 설정을 변경할 때마다 즉시 변경 사항을 적용합니다. 수정한 설정은 설정의 왼쪽에 있는 색상 막대로 식별할 수 있으며, 이는 편집기에서 수정된 줄과 유사합니다.
아래 예제에서는 사이드 바 위치와 파일 아이콘 테마가 변경되었습니다.