Claude Code: التكامل مع VS Code و JetBrains

# Method 1: VS Code Extension Marketplace search
# Search "Claude Code" → Install

# Method 2: Command line install
code --install-extension anthropic.claude-code

# Method 3: In VS Code, Ctrl+Shift+X → Search Claude Code → Install

// settings.json
{
  "claude-code.apiKey": "sk-ant-api03-xxxxx",
  "claude-code.model": "claude-sonnet-4-20250514",
  "claude-code.autoApprove": "read-only",
  "claude-code.terminalProfile": "claude"
}

# Alice uses Claude Code in VS Code

1. Open project
2. Press Ctrl+` to open terminal
3. Type claude to start

   Or

1. Click sidebar Claude icon
2. Type instructions in the panel
3. Click file changes to view diff
4. One-click Accept/Reject changes

# Supported IDEs: IntelliJ IDEA, WebStorm, PyCharm, GoLand, etc.

Install steps:
1. File → Settings → Plugins
2. Search "Claude Code"
3. Click Install
4. Restart IDE

# JetBrains built-in terminal can run Claude Code directly
# Bottom toolbar → Terminal → type claude

# Configure terminal
# Settings → Tools → Terminal → Shell path
# Ensure terminal can find the claude command
which claude  # Confirm path

# Bob uses Claude Code in IntelliJ IDEA

1. Open Spring Boot project
2. Bottom Terminal panel → claude
3. Type: "Add paginated query endpoint to UserController"

Claude Code:
  → Reading UserController.java
  → Reading UserRepository.java
  → Modifying UserController.java (adding pageable endpoint)
  → Modifying UserRepository.java (adding query method)
  → Running: mvn test
  ✅ All tests passed

4. View diff in IDE:
   Double-click changed file → Built-in diff view
   Green highlights new code, red highlights deleted code

# 1. Configure shell aliases
echo 'alias cc="claude"' >> ~/.zshrc
echo 'alias ccr="claude --resume"' >> ~/.zshrc

# 2. Configure terminal color support
export TERM=xterm-256color

# 3. VS Code terminal config (settings.json)
{
  "terminal.integrated.shell.linux": "/bin/zsh",
  "terminal.integrated.env.linux": {
    "ANTHROPIC_API_KEY": "sk-ant-api03-xxxxx"
  }
}

# 4. JetBrains terminal config
# Settings → Tools → Terminal → Add environment variable
# ANTHROPIC_API_KEY=sk-ant-api03-xxxxx

# Alice's team uses multi-IDE collaboration

Team member A (VS Code + frontend project):
  → Launch Claude Code from VS Code sidebar
  → Have Claude Code refactor React components
  → Use built-in diff to confirm changes

Team member B (IntelliJ + backend project):
  → Launch Claude Code from IDE terminal
  → Have Claude Code add REST API
  → Use Intentions for quick operations

CI/CD Pipeline:
  → Pure CLI mode
  → claude --headless "Run code review"
  → Automated checks and fixes