317 lines
6.1 KiB
Markdown
317 lines
6.1 KiB
Markdown
# 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
|
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
<project version="4">
|
|
<component name="ClaudeSettings">
|
|
<option name="model" value="claude-sonnet-4-5-20250929" />
|
|
<option name="skillsPath" value=".claude/skills" />
|
|
<option name="autoReview" value="true" />
|
|
</component>
|
|
</project>
|
|
```
|
|
|
|
### 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`
|