VS Code에서 아늑한 워크스페이스를 만든 방법
Source: Dev.to
생산성 프로필 만들기
VS Code 프로필을 사용하면 다양한 워크플로에 맞는 격리된 환경을 구축할 수 있습니다. 전용 Productivity 프로필을 만들면 집중된 작업 환경을 깔끔하고 일관되게 유지할 수 있습니다.
- 명령 팔레트를 엽니다.
- Profiles: Create Profile을 실행합니다.
- Empty를 선택하고 이름을 Productivity로 지정합니다.
- 이 프로필에만 적용할 설정을 커스터마이즈합니다.
또한 왼쪽 하단의 기어 아이콘을 클릭 → Profiles에서도 설정할 수 있습니다.
사이드바를 오른쪽으로 이동하기
기본적으로 사이드바는 왼쪽에 있어 자연스러운 읽기 흐름을 방해합니다. 사이드바를 오른쪽으로 옮기면 편집기가 중앙에 유지됩니다.
"workbench.sideBar.location": "right"또는 사이드바를 마우스 오른쪽 버튼으로 클릭하고 Move Primary Sidebar Right를 선택할 수도 있습니다.
액티비티 바를 상단에 배치하기
액티비티 바를 왼쪽(또는 오른쪽)에 두면 추가적인 수직 열이 생깁니다. 상단으로 옮기면 수평 공간을 활용해 편집기 영역을 더 넓게 사용할 수 있습니다.
"workbench.activityBar.location": "top"이 설정은 사이드바 상단에 있는 Activity Bar Position 메뉴를 통해 변경할 수 있습니다.
퀵 입력 중앙 정렬
명령 팔레트와 파일 전환기는 보통 상단에 나타나 눈을 위로 이동시킵니다. 퀵 입력을 중앙에 배치하면 모든 것이 바로 눈앞에 있어 집중도가 높아집니다.
"workbench.quickInput.location": "center"커맨드 센터 숨기기
이미 키보드 단축키에 익숙하다면, 커맨드 센터는 별다른 가치를 제공하지 않고 잡음만 추가합니다.
"window.commandCenter": false콤팩트 메뉴 바
메뉴를 거의 사용하지 않는다면, 메뉴 바를 숨겨 UI의 한 줄을 절약할 수 있습니다.
"window.menuBarVisibility": "compact"또는 Customize Layout → Visibility of the Menu Bar를 통해 조정할 수 있습니다.
자동 테마 전환
PowerToys LightSwitch는 일출·일몰에 따라 Windows 테마를 자동으로 바꿔줍니다. VS Code도 이를 감지해 선호하는 라이트와 다크 테마를 자동으로 전환합니다.
"workbench.preferredDarkColorTheme": "JetBrains Rider Dark Theme",
"workbench.preferredLightColorTheme": "Default Light+",
"window.autoDetectColorScheme": true저는 JetBrains Rider Dark 테마를 사용해 여러 IDE에서 일관된 외관을 유지합니다.
커서 가시성 향상
기본 커서 깜빡임은 눈에 잘 띄지 않습니다. “expand” 스타일은 눈에 잘 띄면서도 방해되지 않습니다.
"editor.cursorBlinking": "expand"선택 사항: VS Code Pets 확장
VS Code Pets 확장은 작업 공간에 작은 애니메이션 반려동물을 추가합니다. 선택 사항이지만, 작업 집중도에 영향을 주지 않으면서 약간의 재미를 더해줍니다.
최종 결과 및 설정 저장소
위 변경 사항을 적용하면 작업 공간이 더 균형 잡히고 넓으며, 장시간 코딩 세션에도 쾌적해집니다.
모든 설정은 제 GitHub 저장소에서 확인할 수 있습니다:
Windows11-Setup – VS Code configuration
자신만의 아늑한 개발 환경에 맞게 자유롭게 커스터마이즈해 보세요.