IDE Extensions Intermediate
While Claude Code is a terminal-first tool, it integrates beautifully with modern IDEs. Use it inside VS Code, JetBrains, Neovim, or alongside any editor with tmux for the best of both worlds.
Claude Code in VS Code
The official Claude Code VS Code extension embeds the CLI directly in your editor:
Features
- Chat panel: Claude Code runs in a sidebar panel within VS Code
- Inline suggestions: Get AI assistance without leaving your editor
- Terminal integration: Claude Code can use VS Code's integrated terminal
- File context: Automatically includes the active file as context
- Diff view: Review Claude's proposed changes in VS Code's diff viewer
Installation
# Install via VS Code marketplace # Search for "Claude Code" in the Extensions panel # Or install from the command line: $ code --install-extension anthropic.claude-code
Key Shortcuts
| Shortcut | Action |
|---|---|
Ctrl+Shift+P → "Claude" |
Open Claude Code commands |
Ctrl+L |
Open Claude Code chat panel |
Ctrl+I |
Inline edit with Claude |
VS Code Settings
{
"claude-code.model": "claude-sonnet-4-20250514",
"claude-code.theme": "auto",
"claude-code.terminal.autoRun": false,
"claude-code.editor.showInlineSuggestions": true
}
JetBrains Integration
For IntelliJ IDEA, PyCharm, WebStorm, and other JetBrains IDEs:
- Use the built-in terminal to run Claude Code CLI
- Split your editor with the terminal panel for side-by-side work
- Claude Code edits files on disk, and JetBrains detects changes automatically
- Use JetBrains' "External Tools" feature to create shortcuts for Claude commands
Neovim Integration
For Neovim users, Claude Code works naturally alongside your editor:
# Option 1: Use Neovim's terminal (:terminal) :terminal claude # Option 2: Split pane with tmux (recommended) # Left pane: Neovim # Right pane: Claude Code # Option 3: Use the claudevim plugin # Adds :Claude command directly in Neovim
tmux Integration
The recommended setup for terminal-centric developers. Run your editor and Claude Code side by side:
# Create a dual-pane tmux session $ tmux new-session -s dev # Split vertically: editor on left, Claude on right # Ctrl+B % to split # Left pane: your editor $ nvim . # Right pane: Claude Code $ claude # Switch between panes: Ctrl+B arrow keys
# Enable mouse for easy pane switching set -g mouse on # Increase scrollback for Claude's output set -g history-limit 50000 # Quick shortcut to create Claude pane bind-key C split-window -h 'claude'
Tips for IDE + CLI Synergy
Auto-Reload
Enable auto-reload/watch mode in your editor so Claude Code's file changes appear immediately without manual refresh.
Review in Editor
After Claude makes changes, use your editor's git diff view to review every modification before committing.
Context Sharing
Copy file paths or code snippets from your editor and paste them into Claude Code for precise context.
Split Workflows
Use your editor for small manual edits and Claude Code for large refactors, test generation, and multi-file changes.
Ready to Go Deeper?
Live instructor-led courses from our partners. Affiliate disclosure.
AI & ML Courses - 30% Off
Live instructor-led AI, machine learning, data science, and cloud courses for working professionals. Use code Limited30 at checkout.
EdurekaDataCamp - AI & Data Science
Hands-on Python, machine learning, and AI courses with interactive exercises and real projects.
DataCampedX - Top AI Courses
University-level AI courses from MIT, Harvard, Stanford. Earn certificates that employers recognize.
edX