VS Code 설치
코드 에디터 Visual Studio Code를 설치하고 기본 설정합니다
핵심 요약
- VS Code 설치 시 "PATH에 추가"를 반드시 체크하고, "Code로 열기" 컨텍스트 메뉴 항목도 켜두면 편리합니다.
- Korean Language Pack으로 메뉴를 한국어로 바꾸고, Anthropic의 Claude Code 확장을 깔면 에디터 안에서 더 편하게 쓸 수 있습니다.
- VS Code 1.120(2026-05-14 기준 최신)에는 Agents window, 터미널 명령 위험도 표시, 긴 터미널 출력 압축, Markdown diff preview가 추가되었습니다.
- 내장 터미널은
Ctrl + `로 열고, PowerShell을 따로 열지 않아도 명령어를 실행할 수 있습니다. - 프로젝트 폴더는 메뉴 "폴더 열기", 탐색기의 "Code로 열기", 또는 터미널에서
code .로 엽니다.
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)
2026-05-14 기준 최신 VS Code 릴리스는 1.120입니다. 공식 릴리스 노트에서 바이브코딩과 문서 작업에 직접 도움이 되는 항목만 추렸습니다.
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) 클릭
- 원하는 폴더를 선택하고 폴더 선택 클릭
- Windows 파일 탐색기에서 원하는 폴더로 이동
- 폴더 안의 빈 공간에서 마우스 오른쪽 클릭
- "Code로 열기" 또는 "Open with Code" 클릭
PowerShell에서 해당 폴더로 이동한 뒤:
code .현재 폴더가 VS Code에서 열립니다.