VS Code 설치
코드 에디터 Visual Studio Code를 설치하고 기본 설정합니다
핵심 요약
- VS Code 설치 시 "PATH에 추가"를 반드시 체크하고, "Code로 열기" 컨텍스트 메뉴 항목도 켜두면 편리합니다.
- Korean Language Pack으로 메뉴를 한국어로 바꾸고, Anthropic의 Claude Code 확장을 깔면 에디터 안에서 더 편하게 쓸 수 있습니다.
- 2026-10-23 공식 Stable 버전은 1.143.0입니다. 설치 후 Help → About과 Check for Updates에서 실제 버전을 확인합니다.
- 내장 터미널은
Ctrl + `로 열고, PowerShell을 따로 열지 않아도 명령어를 실행할 수 있습니다. - 프로젝트 폴더는 메뉴 "폴더 열기", 탐색기의 "Code로 열기", 또는 터미널에서
code .로 엽니다.
VS Code 1.143에서 세션 구분
공식 1.143 공지는 새 Copilot 세션의 기본 harness 변경과 editor·Agents window 연결을 안내합니다. Claude Code 터미널 세션과 Copilot 세션은 로그인·사용량·도구 권한이 별개입니다. 이 책의 Claude 설정을 적용했다고 Copilot까지 같은 권한으로 움직인다고 가정하지 않습니다.
model 비교는 Preview, worktree 정리·on-device model·multi-diff 목록은 Experimental로 표기돼 있습니다. 첫 프로젝트의 필수 준비물로 추가하지 않고 필요할 때 기능별 상태를 확인합니다.
Visual Studio Code(VS Code)는 코드를 작성하고 편집하는 프로그램입니다. Claude Code가 만든 코드를 확인하고, 터미널에서 명령어를 실행하는 데 사용합니다.
VS Code를 꼭 설치해야 하나요?
Claude Code는 터미널에서만 동작하므로, 메모장으로도 코드를 볼 수는 있습니다. 하지만 VS Code는 코드 색상 구분, 파일 탐색, 내장 터미널 같은 편리한 기능이 있어서 꼭 쓰시길 권합니다.
VS Code 다운로드 및 설치
공식 사이트 접속
웹 브라우저에서 code.visualstudio.com에 접속합니다.
다운로드
Download for Windows 버튼을 클릭합니다.
설치 실행
다운로드된 설치 파일을 실행합니다. 설치 중 아래 옵션을 체크하세요:
- PATH에 추가 (Add to PATH): 반드시 체크
- "Code로 열기" 작업을 파일 컨텍스트 메뉴에 추가: 체크 권장
- "Code로 열기" 작업을 디렉터리 컨텍스트 메뉴에 추가: 체크 권장
설치 완료
설치가 끝나면 VS Code를 실행합니다.
추천 확장 프로그램
VS Code는 확장 프로그램(Extensions)을 설치하여 기능을 추가할 수 있습니다.
Korean Language Pack (한국어 지원)
VS Code 메뉴를 한국어로 바꿔줍니다.
- VS Code에서
Ctrl + Shift + X를 눌러 확장 프로그램 패널을 엽니다 - 검색창에
Korean을 입력합니다 - Korean Language Pack for Visual Studio Code를 찾아 Install 클릭
- VS Code를 재시작하면 한국어가 적용됩니다
Claude Code 확장 프로그램
VS Code 안에서 Claude Code를 더 편리하게 사용할 수 있습니다.
- 확장 프로그램 패널에서
Claude Code를 검색합니다 - Claude Code (Anthropic 제공)를 찾아 Install 클릭
확장 프로그램은 나중에 설치해도 됩니다
지금 당장 설치하지 않아도 괜찮습니다. Claude Code는 터미널에서 독립적으로 동작하므로, 확장 프로그램 없이도 바이브코딩을 시작할 수 있습니다.
VS Code 최신 업데이트 (v1.120)
아래 기능은 VS Code 1.120 당시 도입 맥락으로 보존합니다. 현재 Stable 확인 버전은 1.143.0이며 최신 동작은 공식 release notes를 따릅니다.
Agents window
VS Code Stable에서 Agents window 프리뷰를 사용할 수 있습니다. 여러 프로젝트와 에이전트 작업을 별도 창에서 관리하고, 끝난 세션의 변경 파일을 한 번에 확인하기가 더 편해졌습니다.
터미널 명령 위험도 표시
터미널 명령 실행 전 위험도를 표시하는 실험 기능이 추가되었습니다. 파일 읽기처럼 위험이 낮은 작업과 삭제·강제 push처럼 되돌리기 어려운 작업을 구분해 검토합니다.
긴 터미널 출력 압축
git diff, npm install처럼 긴 터미널 출력이 AI 컨텍스트를 과도하게 차지하지 않도록 압축하는 프리뷰 설정이 추가되었습니다. 큰 프로젝트에서 Claude Code와 VS Code 에이전트를 함께 쓸 때 유용합니다.
Markdown diff preview
Markdown 파일 변경사항을 원문이 아니라 렌더링된 미리보기로 비교합니다. 핸드북이나 README를 AI가 고쳤을 때 실제 독자에게 보이는 차이를 더 쉽게 검토할 수 있습니다.
VS Code 자동 업데이트
VS Code는 기본적으로 자동 업데이트됩니다. 수동으로 업데이트하려면 도움말(Help) > **업데이트 확인(Check for Updates)**을 클릭하세요.
터미널 사용법
VS Code에는 터미널이 내장되어 있습니다. 별도로 PowerShell을 열 필요 없이 VS Code 안에서 명령어를 실행할 수 있습니다.
| 동작 | 단축키 |
|---|---|
| 터미널 열기/닫기 | Ctrl + ` (백틱, 숫자 1 왼쪽 키) |
| 새 터미널 | Ctrl + Shift + ` |
| 터미널 간 전환 | Ctrl + PageUp/PageDown |
VS Code에서 폴더 열기
프로젝트 폴더를 VS Code에서 여는 방법입니다.
- VS Code에서 파일(File) > 폴더 열기(Open Folder) 클릭
- 원하는 폴더를 선택하고 폴더 선택 클릭