Claude Track β€” Module 14b

Claude in Your IDE β€” Install, Setup & Run

Claude integrates natively into VS Code, JetBrains IDEs, and as a standalone terminal agent (Claude Code). Each integration gives Claude full awareness of your codebase so it can assist, review, generate, and refactor without context-switching.

VS Code β€” Claude Extension

Install the Extension

Open VS Code β†’ Extensions panel (Cmd+Shift+X) β†’ Search "Claude for VS Code" by Anthropic β†’ click Install.

Add Your API Key

Open VS Code Settings (Cmd+,) β†’ search claude.apiKey β†’ paste your key from console.anthropic.com. Never commit this to git β€” add it to ~/.zshrc as ANTHROPIC_API_KEY instead and set the setting to ${env:ANTHROPIC_API_KEY}.

Open the Chat Panel

Click the Claude icon in the Activity Bar or press Cmd+Shift+C. Select code and use slash commands: /explain, /fix, /test, /doc.

Extension Installed

Extensions β€” Visual Studio Code
⊞ βŠ™ βŠ› βŒ₯ EXTENSIONS Search Extensions in Marketplace C Claude for VS Code Anthropic Β· v1.4.2 βœ“ Installed βš™ W Windsurf Codeium Β· v3.1.0 βœ“ Installed βŠ• GitHub Copilot GitHub Β· v1.214.0 Not installed C Claude for VS Code Anthropic Β· 1,240,000 installs Β· β˜…β˜…β˜…β˜…β˜… Manage β–Ύ Details Features Changelog Access Claude models directly inside VS Code. Get AI assistance for code generation, review, debugging, and documentation. FEATURES οΏ½οΏ½οΏ½ Inline code completion with Claude Sonnet / Haiku βœ“ Chat panel with full file context βœ“ Slash commands: /explain, /fix, /test, /doc βœ“ MCP server integration βœ“ Works with any language EXTENSION SETTINGS claude.model claude-sonnet-4-6 claude.apiKey sk-ant-β€’β€’β€’β€’β€’β€’β€’β€’β€’β€’ claude.inlineCompletion

Chat Panel Open

shopmate/agents/support_agent.py β€” VS Code
βŠ™ οΏ½οΏ½ βŠ› C support_agent.py routes.py models.py 1 2 3 4 5 6 7 8 9 10 11 12 import anthropic , json # ShopMate customer support agent client = anthropic. Anthropic () def run_support_agent (query: str ) -> str : """Run one customer support turn.""" response = client.messages. create ( model = "claude-sonnet-4-6" C Claude Chat You /explain the selected function Claude run_support_agent takes a customer query string and calls Claude with tools for order lookup + stock checking. Suggested improvement: Add retry logic for 529s. Ask Claude anything… ⏎
JSON β€” .vscode/settings.json
{
  "claude.model": "claude-sonnet-4-6",
  "claude.apiKey": "${env:ANTHROPIC_API_KEY}",
  "claude.inlineCompletion": true,
  "claude.completionTrigger": "automatic",
  "claude.contextFiles": ["CLAUDE.md", "README.md"],
  "claude.maxTokens": 4096,
  "editor.inlineSuggest.enabled": true
}

JetBrains IDEs β€” Claude AI Plugin

Works with IntelliJ IDEA, PyCharm, WebStorm, GoLand, and all other JetBrains IDEs.

Install via Plugin Marketplace

Go to Settings β†’ Plugins β†’ Marketplace β†’ search "Claude AI" β†’ Install β†’ Restart IDE.

Configure API Key

Go to Settings β†’ Tools β†’ Claude AI β†’ paste your ANTHROPIC_API_KEY. Recommended: use the built-in secrets store (Settings β†’ Appearance β†’ System Settings β†’ Passwords).

Use Claude in Context

Select any code β†’ right-click β†’ Claude AI β†’ choose action. Or open the Claude tool window from the right sidebar. Use Alt+Enter on any error to trigger "Fix with Claude".

support_agent.py β€” shopmate [IntelliJ IDEA]
File Edit View Navigate Code Refactor ⚑ Claude AI β–Ά ⬛ Project β–Ύ β–Ύ πŸ— shopmate β–Ύ πŸ“ agents 🐍 support_agent.py 🐍 order_agent.py β–Ύ πŸ“ routes 🐍 api.py β–Ύ πŸ“ tests 🐍 test_agents.py πŸ“„ .windsurfrules πŸ“„ requirements.txt support_agent.py 1 import anthropic, json 2 # ShopMate customer support agent 3 client = anthropic. Anthropic () ⚑ Claude Suggestion Consider adding @retry from tenacity for 429/529 handling. Tab to accept Β· Esc to dismiss βŽ‡ main Python 3.11 UTF-8 LF Claude AI: Connected

Claude Code β€” Terminal Agent

Claude Code is a terminal-native agentic tool that gives Claude direct access to your filesystem, shell, git, and test runner. It can autonomously plan, write, test, debug, and commit code across an entire project.

Install Claude Code

Requires Node.js 18+. Install globally:

Shell β€” Install Claude Code
# Install globally via npm
npm install -g @anthropic-ai/claude-code

# Verify installation
claude --version
# β†’ Claude Code v1.0.3

# Set your API key (add to ~/.zshrc or ~/.bashrc)
export ANTHROPIC_API_KEY="sk-ant-your-key-here"

# Launch in your project directory
cd ~/shopmate
claude
Terminal β€” claude (shopmate)
Last login: Tue Apr 14 09:23:11 on ttys001 ~/shopmate on βŽ‡ main $ claude ╔═══════════════════════════════╗ β•‘ Claude Code v1.0.3 β•‘ β•šβ•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•οΏ½οΏ½οΏ½β•β•β•β•β•β•β•β•β•β•β•β• Working dir: /Users/dev/shopmate Files indexed: 47 files (3,842 lines) Model: claude-sonnet-4-6 βœ“ Ready. Type your task or /help for commands. ~/shopmate ❯ Add rate limit retry to support_agent.py with exponential backoff ● Reading agents/support_agent.py ● Planning changes… βœ“ Added tenacity import βœ“ Decorated create() with @retry(stop=stop_after_attempt(3), wait=wait_exponential()) βœ“ Ran pytest β†’ 8 tests passed ~/shopmate ❯
Shell β€” Claude Code Slash Commands
# Inside a Claude Code session:

/help               # List all commands
/status             # Show current context and token usage
/compact            # Compress conversation to save tokens
/clear              # Start fresh conversation
/cost               # Show session token cost

# Non-interactive (pipe a task and exit):
claude -p "Write tests for support_agent.py" --output-format json
claude -p "Review this PR diff" < git.diff

# With MCP server:
claude --mcp-config .mcp.json

Which Integration to Use?

IntegrationBest ForKey StrengthLimitation
VS Code ExtensionDaily coding, inline completionsSeamless UX, zero context switchLimited to single file context by default
Windsurf + CascadeAgentic multi-file tasksFull codebase awareness, autonomous editingSeparate IDE install required
JetBrains PluginJava/Kotlin/Python in JetBrainsDeep IDE integration, Alt+Enter fixFewer agentic features than Windsurf
Claude Code (Terminal)Autonomous long-horizon tasksFull shell/git/test access, scriptableNo visual UI, terminal only
πŸ’‘
Pro Tip: Use All Three Together

Use Windsurf for large agentic tasks (building new features, refactoring), VS Code extension for quick inline completions and chat when editing, and Claude Code for CI automation, pre-commit hooks, and scripted code generation pipelines.