[Claude Code 스킬] IDE 통합(VS Code · JetBrains) — 터미널을 떠나지 않고 에디터 안에서 | DAKER 커뮤니티

무엇

Claude Code는 본래 터미널 CLI지만, VS Code(및 Cursor 같은 포크)와 JetBrains에는 전용 확장·플러그인이 있어 에디터 안에서 그대로 동작합니다. 핵심은 양방향 컨텍스트 공유입니다. 에디터는 열린 파일·선택 영역·진단(린트 오류·경고)을 Claude에 자동으로 넘기고, Claude는 수정안을 에디터의 네이티브 diff 뷰어로 띄워 사람이 한 줄씩 검토·승인하게 합니다. 터미널에서 결과만 받는 게 아니라, 어깨너머로 같은 화면을 보는 페어 프로그래머에 가깝습니다.

언제 쓰나

사용법

1) 설치와 연결

# VS Code: 확장 마켓에서 "Claude Code" 검색해 설치 (Cmd/Ctrl+Shift+X)
code --install-extension anthropic.claude-code
# JetBrains: 마켓플레이스에서 "Claude Code" 플러그인 설치

# 외부 터미널의 CLI를 현재 IDE에 페어링
claude
> /ide        # 실행 중인 VS Code 창과 연결 → diff·진단 공유 켜짐

2) 선택 영역·@멘션으로 질문

# 에디터에서 코드를 드래그하면 Claude가 자동으로 봄
# Option+K(mac) / Alt+K(win): @app.ts#5-10 참조를 프롬프트에 삽입
> @auth 의 로그인 로직을 설명해줘     # fuzzy 매칭: auth.js, AuthService.ts ...
> @src/components/ 폴더를 훑어줘        # 폴더는 끝에 슬래시(/)

3) IDE 진단을 가져와 diff로 리뷰

> Problems 패널의 타입 오류를 고쳐줘
# 1) Claude가 mcp__ide__getDiagnostics 로 오류를 수집
# 2) 수정안을 네이티브 diff 뷰어에 side-by-side 표시
# 3) 수락 / 거부 / "이렇게 해줘" 선택 (diff에서 직접 고쳐도 인식됨)

팁

  1. 확장은 자체 CLI를 번들로 갖지만, 통합 터미널에서 claude를 직접 치려면 standalone CLI를 따로 설치해야 합니다(확장은 PATH에 claude를 올리지 않음).

  2. 민감 파일(.env 등)을 가리려면 settings의 Read deny 규칙을 추가하세요 — 선택 텍스트와 '열린 파일' 알림이 둘 다 차단됩니다. 선택 표시기의 눈가림(eye-slash) 아이콘으로 현재 선택을 일시적으로 숨길 수도 있습니다.

  3. @terminal:이름 으로 터미널 출력(에러·로그)을 복붙 없이 참조할 수 있습니다. JetBrains 전용 플러그인은 diff 뷰어·선택·진단 실시간 공유를 제공하고, 플러그인 없이도 외부 터미널에서 /ide 로 기본 통합은 됩니다.

출처

Redirecting to [Claude Code 스킬] IDE 통합(VS Code · JetBrains) — 터미널을 떠나지 않고 에디터 안에서 | DAKER 커뮤니티...