gh-rafaelcalleja-claude-market-place-plugins-claudekit-skills/skills/claude-code/references/ide-integration.md

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:

{
  "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):

[
  {
    "key": "ctrl+alt+c",
    "command": "claude.openChat"
  },
  {
    "key": "ctrl+alt+r",
    "command": "claude.refactor"
  }
]

Workspace Integration

Project-specific Claude settings:

.vscode/claude.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 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:

# 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:

# 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