🖥️ IDE 插件集成:VS Code 与 JetBrains
工具扩展篇 — 把 AI 助手嵌入你的编辑器
🎯 这篇讲什么
命令行好用,但直接在编辑器里和 AI 对话更爽。这篇教你给 VS Code 和 JetBrains 装上 AI 插件,让 Claude Code / OpenCode 出现在侧边栏。
🔌 Claude Code IDE 集成
Claude Code 原生支持 IDE 连接(VS Code / JetBrains)。
方式一:--ide 自动连接
# 启动 Claude Code 并自动连接 IDE
claude --ide
# 如果装了多个 IDE,会提示选择
方式二:VS Code 扩展
1. 打开 VS Code
2. 扩展市场搜索 "Claude Code"
3. 安装 Anthropic 官方扩展
4. 在 VS Code 里 Cmd/Ctrl+Shift+P → Claude Code: Open
功能
🛠️ Continue.dev:开源替代方案
[Continue](https://continue.dev) 是开源 AI 编程助手,支持 VS Code 和 JetBrains。
特点
| Continue | Claude Code 扩展 | |
|---|---|---|
| 开源 | ✅ Apache 2.0 | ❌ |
| 模型选择 | 任意(OpenRouter/Local) | Claude/DeepSeek |
| 价格 | 免费 | 免费(需 API Key) |
| IDE 支持 | VS Code + JetBrains | VS Code + JetBrains |
安装(VS Code)
# 方法一:扩展市场
# 搜索 "Continue" → 安装
# 方法二:命令行
code --install-extension Continue.continue
配置模型
~/.continue/config.json:
{
"models": [
{
"title": "DeepSeek V4 Pro",
"provider": "deepseek",
"model": "deepseek-chat",
"apiKey": "sk-你的密钥"
},
{
"title": "Claude Sonnet",
"provider": "anthropic",
"model": "claude-sonnet-4-6",
"apiKey": "sk-ant-你的密钥"
}
],
"tabAutocompleteModel": {
"title": "DeepSeek V4 Flash",
"provider": "deepseek",
"model": "deepseek-chat"
}
}
⚡ JetBrains 集成
Claude Code JetBrains 插件
1. JetBrains IDE → Settings → Plugins
2. 搜索 "Claude Code"
3. 安装 Anthropic 官方插件
4. 重启 IDE
5. 侧边栏出现 Claude Code 面板
Continue JetBrains 插件
1. Settings → Plugins → 搜索 "Continue"
2. 安装
3. 配置模型(同上 config.json)
🧩 OpenCode IDE 集成
OpenCode 也支持 IDE 连接:
# 启动 OpenCode 并连接 IDE
opencode --ide
# 或者在 TUI 中按 Ctrl+X E 打开编辑器模式
🔗 多工具协同工作流
┌─────────────────────────────────────┐
│ VS Code / JetBrains │
│ ┌─────────┐ ┌──────────────────┐ │
│ │ Claude │ │ Continue.dev │ │
│ │ Code │ │ (多模型切换) │ │
│ └─────────┘ └──────────────────┘ │
│ │
│ 你在编辑器里写代码,AI 在侧边栏待命 │
└─────────────────────────────────────┘
│
│ 复杂任务
▼
┌─────────────────┐
│ Hermes Agent │
│ (微信/TG 远程) │
└─────────────────┘
场景: 编辑器里小改直接用 Continue,大重构通过 Hermes 派给 Claude Code 后台跑。
📊 IDE 工具选型指南
| 你的需求 | 推荐 |
|---|---|
| 只想在 VS Code 里用 AI | Continue.dev(免费开源) |
| 已有 Claude 订阅 | Claude Code 官方扩展 |
| 用 JetBrains | Continue 或 Claude Code 插件 |
| 想本地模型 + 云端混合 | Continue(支持 Ollama) |
| 需要代码自动补全 | Continue(Tab Autocomplete) |
🎮 Continue 快捷键
| 快捷键 | 作用 |
|---|---|
Cmd/Ctrl+L | 选中代码,发送到 Chat |
Cmd/Ctrl+I | 行内编辑 |
Cmd/Ctrl+Shift+R | 快速修复 |
@ | 引用文件/文件夹/代码片段 |
❓ 常见问题 (FAQ)
Q1: Claude Code 扩展和 Continue 能同时装吗?
能。它们互不冲突,可以按需切换使用。
Q2: Continue 收费吗?
完全免费开源。API 调用费用走你自己的 Key。
Q3: JetBrains 哪个插件最好?
Continue 功能最全且开源。Claude Code JetBrains 插件也不错。
Q4: IDE 里的 AI 会不会读到我的整个项目?
取决于配置。Continue 可以限制上下文范围。Claude Code 默认读工作区。
Q5: 代码自动补全怎么开?
Continue:tabAutocompleteModel 配置好模型即可。Claude Code 扩展目前不支持自动补全。
Q6: 需要单独装 Claude Code CLI 才能用 IDE 扩展吗?
Claude Code 官方扩展需要 CLI 已安装。Continue 不需要。
⚠️ 避坑指南
| 坑 | 正确做法 |
|---|---|
| Continue 装完不能对话 | 检查 config.json 的 API Key 是否正确 |
| Claude Code 扩展连不上 | 确认 CLI 已装:claude --version |
| JetBrains 插件冲突 | 同类 AI 插件只装一个 |
| IDE 卡顿 | 限制上下文大小,不要加载整个项目 |
标签:#AI #IDE #VSCode #JetBrains #Continue #插件