IDE 연동
코드 편집기 안에서 바로 Claude를 쓸 수 있어요.
개요
Claude Code는 원래 터미널에서 쓰는 도구인데,VS Code나 JetBrains 에디터에 설치하면 코드를 보면서 바로 Claude한테 물어볼 수 있어요.
VS Code 확장
설치 방법
VS Code 마켓플레이스에서 설치합니다.
1
VS Code를 열고 확장 탭을 엽니다 (Cmd+Shift+X / Ctrl+Shift+X)
2
"Claude Code"를 검색합니다
3
Anthropic 공식 확장을 찾아 Install을 클릭합니다
또는 터미널에서 직접 설치할 수도 있습니다.
code --install-extension anthropic.claude-code주요 기능
인라인 편집
코드를 선택하고 Claude한테 고쳐달라고 하면 바로 바뀌어요.
채팅 패널
옆에 채팅창이 열려서 코드에 대해 물어볼 수 있어요.
터미널 통합
에디터 안에 있는 터미널에서 Claude Code를 바로 쓸 수 있어요.
컨텍스트 인식
지금 보고 있는 파일을 Claude가 자동으로 읽어요.
주요 단축키
| 동작 | Mac | Windows/Linux |
|---|---|---|
| Claude 패널 열기 | Cmd+Shift+P → "Claude" | Ctrl+Shift+P → "Claude" |
| 인라인 편집 요청 | 코드 선택 → Cmd+L | 코드 선택 → Ctrl+L |
| 새 대화 시작 | Cmd+Shift+L | Ctrl+Shift+L |
JetBrains 플러그인
설치 방법
1
JetBrains IDE에서 Settings → Plugins를 엽니다
2
Marketplace에서 "Claude Code"를 검색합니다
3
Install을 클릭하고 IDE를 재시작합니다
지원 IDE
IntelliJ IDEAJava, Kotlin
WebStormJavaScript, TypeScript
PyCharmPython
GoLandGo
PHPStormPHP
RubyMineRuby
터미널 vs IDE 비교
| 항목 | 터미널 (CLI) | IDE 연동 |
|---|---|---|
| 강점 | 전체 프로젝트 작업, 복잡한 멀티파일 변경 | 현재 파일 중심 빠른 편집 |
| 멀티파일 | 강력 | 제한적 |
| 시각적 피드백 | 텍스트 기반 | 에디터 내 하이라이트 |
| 도구 사용 | Bash, Git, MCP 등 전체 | 에디터 기능 중심 |
| 추천 상황 | 리팩토링, 새 기능 구현 | 빠른 수정, 코드 질문 |
팁: 둘 다 함께 쓰면 좋아요. 큰 작업은 터미널에서, 간단한 수정은 에디터에서 바로 처리하세요.