🔌 IDE 插件集成 — VS Code / JetBrains
第 16 篇 — 在熟悉的 IDE 里直接使用 AI 编程助手,无需切换终端
为什么要在 IDE 里用 AI?
- 🎯 无缝体验 — 在编辑器中直接对话,不用切窗口
- 📝 上下文感知 — AI 自动读取当前文件、光标位置
- 🔄 内联编辑 — AI 修改直接以 diff 形式展示,一键接受
- 🚀 效率翻倍 — 选中代码 → 快捷键 → AI 优化/解释/重构
VS Code — Claude Code 插件
安装
- 打开 VS Code 扩展市场(Ctrl+Shift+X)
- 搜索 "Claude Code"
- 点击安装 Anthropic 官方插件
使用方式
# 方式一:命令面板
Ctrl+Shift+P → "Claude: Open Chat"
# 方式二:侧边栏
点击左侧 Claude 图标 → 开始对话
# 方式三:选中代码 → 右键
选中代码 → "Ask Claude" / "Claude: Explain This"
VS Code — Continue 插件(推荐)
Continue 是一个开源 IDE 插件,支持接入多种模型:
- 支持 Claude、GPT-4、DeepSeek、本地 Ollama 模型
- Tab 自动补全(类似 Copilot)
- 选中代码 → Ctrl+L 发送到聊天
- Ctrl+I 内联编辑
- 完全免费开源
# 安装 Continue
# 在 VS Code 扩展市场搜索 "Continue" 即可
# 配置 ~/.continue/config.json 选择模型提供商
JetBrains IDE — Claude Code 插件
安装
- 打开 Settings → Plugins
- 搜索 "Claude Code"
- 安装官方 JetBrains 插件
- 重启 IDE
支持的产品
- IntelliJ IDEA
- PyCharm
- WebStorm
- GoLand
- 其他 JetBrains IDE
Hermes Agent — IDE 集成方案
Hermes Agent 主要是终端工具,但可以通过以下方式与 IDE 配合:
- 终端面板 — VS Code / JetBrains 内置终端中直接使用
hermes命令 - 文件监控 — Hermes 安装
file-watcherSkill,自动监听项目文件变更 - Webhook 触发 — git push 后自动触发 Hermes 执行代码审查
⚠ 注意事项
| 坑 | 正确做法 |
|---|---|
| 插件版本与 CLI 版本不匹配 | 保持 VS Code 插件和 CLI 工具同步更新 |
| 多个 AI 插件冲突 | 不要同时启用 Copilot + Continue + Claude Code 插件 |
| API Key 配置混乱 | 插件用插件自己的设置,终端用环境变量,两套独立 |
| JetBrains 插件性能影响 | 大项目建议关闭实时分析,改为手动触发 |
推荐方案
| 使用场景 | 推荐方案 |
|---|---|
| VS Code 深度用户 | Continue(开源、多模型)+ Hermes 终端 |
| JetBrains 全家桶 | 官方 Claude Code 插件 |
| 多模型切换 | Continue + 配置所有 API Key |
| 只需要自动补全 | GitHub Copilot(最流畅的补全体验) |
标签:#AI #IDE #VSCode #JetBrains #ClaudeCode #插件集成