IDE 集成

VS Code 扩展

安装

在 VS Code 中搜索 Claude Code 扩展并安装，或使用命令：

code --install-extension anthropic.claude-code

功能

安装后，Claude Code 直接集成到 VS Code 中：

• 内嵌终端面板 — Claude Code 运行在 VS Code 内置终端中
• 文件上下文 — 自动感知当前打开的文件
• 诊断集成 — 获取 IDE 的 TypeScript/ESLint 诊断信息
• 快速操作 — 选中代码后右键使用 Claude

使用方式

1. 打开 VS Code 终端
2. 输入 `claude` 启动
3. 或使用快捷键打开 Claude Code 面板

诊断工具

VS Code 扩展提供 mcp__ide__getDiagnostics 工具，Claude 可以直接获取当前文件的错误和警告：

> 修复当前文件的所有 TypeScript 错误
# Claude 会自动调用 getDiagnostics 获取错误列表

代码执行

通过 mcp__ide__executeCode 工具，Claude 可以在 VS Code 中执行代码片段并查看结果。

JetBrains 集成

支持的 IDE

• IntelliJ IDEA
• WebStorm
• PyCharm
• GoLand
• 其他 JetBrains IDE

安装

1. 打开 JetBrains IDE
2. Settings → Plugins → Marketplace
3. 搜索 Claude Code
4. 安装并重启

使用

安装后在 IDE 底部工具栏中找到 Claude Code 面板：

1. 点击底部工具栏的 Claude Code 图标
2. 或使用快捷键 Alt+C 打开
3. 输入指令开始使用

终端中直接使用

即使不安装 IDE 扩展，Claude Code 也可以在任何终端中使用：

# 在项目目录中启动
cd your-project
claude

# Claude 会自动识别项目结构

工作流建议

选中代码后操作

1. 在 IDE 中选中一段代码
2. 将代码复制到 Claude Code 中
3. 描述你想做的操作

> 重构这段代码，使用策略模式替换 if-else 链：
> [粘贴代码]

错误修复

> 修复 src/auth.ts 第 42 行的 TypeScript 错误
# Claude 会读取文件、理解上下文、修复错误

代码生成

> 在 components/ 目录下创建一个用户资料卡片组件
# Claude 会参考项目现有的组件风格来生成

最佳实践

1. 保持终端可见：将 Claude Code 面板放在方便查看的位置
2. 利用上下文：在 IDE 中打开相关文件，Claude 能获取更好的上下文
3. 审查更改：Claude 修改文件后，在 IDE 中查看 diff
4. 结合 Git：修改后及时提交，便于回退