Initial commit
This commit is contained in:
316
skills/claude-code/references/ide-integration.md
Normal file
316
skills/claude-code/references/ide-integration.md
Normal file
@@ -0,0 +1,316 @@
|
||||
# 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`
|
||||
Reference in New Issue
Block a user