ide

# Claude Code IDE Integration

## VS Code Extension (Beta)

### Overview

Claude Code integrates with Visual Studio Code through a native extension, providing a dedicated sidebar panel with IDE-native features.

### Key Features

**Native IDE experience:**
- Dedicated sidebar panel accessed via the Spark icon
- Review Claude's proposed changes before accepting
- Auto-accept mode for automatic application of edits
- Inline diff viewing with expandable details

**Integration features:**
- File management through @-mentions and file picker attachment
- Model Context Protocol (MCP) server integration
- Conversation history access
- Multiple simultaneous sessions
- Support for most CLI slash commands

### Requirements & Installation

**Requirements:**
- VS Code 1.98.0 or higher
- Claude Code installed globally

**Installation:**
Download from the Visual Studio Code Extension Marketplace.

Search for "Claude Code" in VS Code Extensions panel.

### How to Use

1. Click the Spark icon to open the Claude Code panel
2. Drag the sidebar wider to see inline diffs
3. Click on diffs to expand for full details
4. Interact with Claude as you would in the terminal
5. Review and accept/reject changes

### Configuration

**Auto-accept mode:**
Enable to automatically apply Claude's edits without manual review.

**File attachments:**
Use @-mentions or the file picker to attach files to conversations.

**MCP servers:**
Configure MCP integrations for extended functionality.

### Third-Party Provider Support

The extension supports Amazon Bedrock and Google Vertex AI through environment variable configuration in VS Code settings:

**Settings (JSON):**
```json
{
  "claude-code.env": {
    "ANTHROPIC_API_KEY": "your-key",
    "AWS_REGION": "us-east-1",
    "ANTHROPIC_VERTEX_PROJECT_ID": "your-project"
  }
}
```

### Current Limitations

Features not yet implemented:
- Full MCP configuration
- Subagents setup
- Checkpoints
- Advanced shortcuts
- Tab completion

**Note:** These features are av