# IDE Integration Use Claude Code with Visual Studio Code and JetBrains IDEs. ## Visual Studio Code ### Installation 1. Open VS Code 2. Go to Extensions (Ctrl+Shift+X) 3. Search for "Claude Code" 4. Click Install 5. Authenticate with API key ### Features **Inline Chat** - Press Ctrl+I (Cmd+I on Mac) - Ask questions about code - Get suggestions in context - Apply changes directly **Code Actions** - Right-click on code - Select "Ask Claude" - Get refactoring suggestions - Fix bugs and issues **Diff View** - See proposed changes - Accept/reject modifications - Review before applying - Staged diff comparison **Terminal Integration** - Built-in Claude terminal - Run commands via Claude - Execute tools directly - View real-time output ### Configuration **.vscode/settings.json:** ```json { "claude.apiKey": "${ANTHROPIC_API_KEY}", "claude.model": "claude-sonnet-4-5-20250929", "claude.maxTokens": 8192, "claude.autoSave": true, "claude.inlineChat.enabled": true, "claude.terminalIntegration": true } ``` ### Keyboard Shortcuts **Default shortcuts:** - `Ctrl+I`: Inline chat - `Ctrl+Shift+C`: Open Claude panel - `Ctrl+Shift+Enter`: Submit to Claude - `Escape`: Close Claude chat **Custom shortcuts (.vscode/keybindings.json):** ```json [ { "key": "ctrl+alt+c", "command": "claude.openChat" }, { "key": "ctrl+alt+r", "command": "claude.refactor" } ] ``` ### Workspace Integration **Project-specific Claude settings:** .vscode/claude.json: ```json { "skills": [".claude/skills/project-skill"], "commands": [".claude/commands"], "mcpServers": ".claude/mcp.json", "outputStyle": "technical-writer" } ``` ### Common Workflows **Explain Code:** 1. Select code 2. Right-click → "Ask Claude" 3. Type: "Explain this code" **Refactor:** 1. Select function 2. Press Ctrl+I 3. Type: "Refactor for better performance" **Fix Bug:** 1. Click on error 2. Press Ctrl+I 3. Type: "Fix this error" **Generate Tests:** 1. Select function 2. Right-click → "Ask Claude" 3. Type: "Write tests for this" ## JetBrains IDEs Supported IDEs: - IntelliJ IDEA - PyCharm - WebStorm - PhpStorm - GoLand - RubyMine - CLion - Rider ### Installation 1. Open Settings (Ctrl+Alt+S) 2. Go to Plugins 3. Search "Claude Code" 4. Click Install 5. Restart IDE 6. Authenticate with API key ### Features **AI Assistant Panel** - Dedicated Claude panel - Context-aware suggestions - Multi-file awareness - Project understanding **Inline Suggestions** - As-you-type completions - Contextual code generation - Smart refactoring hints - Error fix suggestions **Code Reviews** - Automated code reviews - Security vulnerability detection - Best practice recommendations - Performance optimization tips **Refactoring Support** - Smart rename - Extract method - Inline variable - Move class ### Configuration **Settings → Tools → Claude Code:** ``` API Key: [Your API Key] Model: claude-sonnet-4-5-20250929 Max Tokens: 8192 Auto-complete: Enabled Code Review: Enabled ``` **Project Settings (.idea/claude.xml):** ```xml ``` ### Keyboard Shortcuts **Default shortcuts:** - `Ctrl+Shift+A`: Ask Claude - `Alt+Enter`: Quick fixes with Claude - `Ctrl+Alt+L`: Format with Claude suggestions **Custom shortcuts (Settings → Keymap → Claude Code):** ``` Ask Claude: Ctrl+Shift+C Refactor with Claude: Ctrl+Alt+R Generate Tests: Ctrl+Alt+T Code Review: Ctrl+Alt+V ``` ### Integration with IDE Features **Version Control:** - Review commit diffs with Claude - Generate commit messages - Suggest PR improvements - Analyze merge conflicts **Debugger:** - Explain stack traces - Suggest fixes for errors - Debug complex issues - Analyze variable states **Database Tools:** - Generate SQL queries - Optimize database schema - Write migration scripts - Explain query plans ### Common Workflows **Generate Boilerplate:** 1. Right-click in editor 2. Select "Generate" → "Claude Code" 3. Choose template type **Review Changes:** 1. Open Version Control panel 2. Right-click on changeset 3. Select "Review with Claude" **Debug Error:** 1. Hit breakpoint 2. Right-click in debugger 3. Select "Ask Claude about this" ## CLI Integration Use Claude Code from IDE terminal: ```bash # In VS Code terminal claude "explain this project structure" # In JetBrains terminal claude "add error handling to current file" ``` ## Best Practices ### VS Code **Workspace Organization:** - Use workspace settings for team consistency - Share .vscode/claude.json in version control - Document custom shortcuts - Configure output styles per project **Performance:** - Limit inline suggestions in large files - Disable auto-save for better control - Use specific prompts - Close unused editor tabs ### JetBrains **Project Configuration:** - Enable Claude for specific file types only - Configure inspection severity - Set up custom code review templates - Use project-specific skills **Performance:** - Adjust auto-complete delay - Limit scope of code analysis - Disable for binary files - Configure memory settings ## Troubleshooting ### VS Code **Extension Not Loading:** ```bash # Check extension status code --list-extensions | grep claude # Reinstall code --uninstall-extension anthropic.claude-code code --install-extension anthropic.claude-code ``` **Authentication Issues:** - Verify API key in settings - Check environment variable - Re-authenticate in extension - Review proxy settings ### JetBrains **Plugin Not Responding:** ``` File → Invalidate Caches / Restart Settings → Plugins → Claude Code → Reinstall ``` **Performance Issues:** - Increase IDE memory (Help → Edit Custom VM Options) - Disable unused features - Clear caches - Update plugin version ## See Also - VS Code extension: https://marketplace.visualstudio.com/items?itemName=anthropic.claude-code - JetBrains plugin: https://plugins.jetbrains.com/plugin/claude-code - Configuration: `references/configuration.md` - Troubleshooting: `references/troubleshooting.md`