> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gravitex.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Claude Code 플러그인 (VS Code)

> Claude Code for VS Code 확장 설치 및 설정 가이드

## 1단계: Claude Code 확장 설치 또는 업데이트

1. VS Code 편집기를 열고 왼쪽 "Extensions" 패널로 이동합니다 (단축키: Ctrl+Shift+X).
2. 검색창에 "Claude Code for VS Code"를 입력하고 Anthropic이 게시한 플러그인(ID: "anthropic.claude-code")을 찾습니다.
3. 핵심 기능: 최신 Claude 모델 지원, 터미널 직접 호출, 코드베이스 분석, 서브 에이전트/커스텀 슬래시 명령 등. 일부 고급 설정은 명령줄을 통해 구성해야 합니다.

<Frame>
  <img src="https://mintcdn.com/gravitexai/9di8VRqu8D1f5M93/images/claude.png?fit=max&auto=format&n=9di8VRqu8D1f5M93&q=85&s=7cb2151c33a33ffe072a822437644693" alt="Claude Code for VS Code plugin" width="1268" height="587" data-path="images/claude.png" />
</Frame>

## 2단계: settings.json 설정

### 2.1 설정 파일 열기

1. VS Code 왼쪽 하단의 "Settings" 아이콘을 클릭하거나 Ctrl+,를 사용하고, "@ext:Anthropic.claude-code"를 검색하여 플러그인 설정을 필터링합니다.
2. "Claude-code: Environment Variables" 옵션을 찾고 오른쪽의 "Edit in settings.json"을 클릭합니다.

<Frame>
  <img src="https://mintcdn.com/gravitexai/9di8VRqu8D1f5M93/images/settings.png?fit=max&auto=format&n=9di8VRqu8D1f5M93&q=85&s=0994c56cb64c16ad7d29e2ca95854bb4" alt="Claude Code for VS Code plugin settings" width="1920" height="1140" data-path="images/settings.png" />
</Frame>

### 2.2 핵심 설정 추가

settings.json에 다음 설정을 추가합니다 (모델 버전 및 표시 위치는 필요에 따라 수정):

```jsonc theme={null}
{
  "claudeCode.preferredLocation": "panel",
  "claudeCode.allowDangerouslySkipPermissions": true,
  "claudeCode.selectedModel": "claude-sonnet-4-5-20250929",
  "claudeCode.environmentVariables": [
    {
      "name": "ANTHROPIC_BASE_URL",
      "value": "https://api.gravitex.ai"
    },
    {
      "name": "ANTHROPIC_AUTH_TOKEN",
      "value": "sk-xxxxx" // GravitexAI API 키로 교체
    }
  ]
}
```