OpenCode: VSCode安装OpenCode
最后更新：2026-08-31
OpenCode 可以作为 VSCode 扩展使用，在编辑器内直接与 AI 协作开发。
1. 你将学到
- VSCode 扩展安装方法
- 编辑器内使用方式
- 与终端版的区别
- 常用操作
2. 安装扩展
(1) 从扩展市场安装
- 打开 VSCode
- 点击左侧扩展图标（或按
Ctrl+Shift+X） - 搜索 OpenCode
- 点击 Install
(2) 从命令行安装
BASH
code --install-extension anomalyco.opencode
3. 配置连接
安装完成后，需要配置 API 连接：
- 打开命令面板（
Ctrl+Shift+P） - 搜索 OpenCode: Connect Provider
- 选择提供商并输入 API Key
4. 基本使用
(1) 打开 OpenCode 面板
点击左侧 OpenCode 图标，或使用命令面板搜索 OpenCode: Open Panel。
(2) 对话交互
在面板中输入自然语言：
TEXT
📖 仅展示
解释当前打开的文件中的主要逻辑
(3) 文件操作
- AI 可以直接读取 VSCode 中打开的文件
- 修改后的代码可以自动应用到编辑器
- 支持 diff 预览
5. VSCode 版 vs 终端版
| 特性 | VSCode 扩展 | 终端 TUI |
|---|---|---|
| 安装方式 | 扩展市场 | 命令行 |
| 界面 | 图形化 | 终端字符界面 |
| 文件集成 | 直接读取编辑器 | 读取项目目录 |
| 代码预览 | Diff 视图 | 终端内显示 |
| 快捷操作 | 编辑器命令面板 | / 斜杠命令 |
| 适合场景 | 日常开发 | 服务器/自动化 |
6. 常用快捷操作
| 操作 | 方式 |
|---|---|
| 打开面板 | 侧栏图标 / 命令面板 |
| 发送消息 | Enter |
| 切换模型 | 命令面板 → OpenCode: Switch Model |
| 撤销修改 | 命令面板 → OpenCode: Undo |
| 新会话 | 命令面板 → OpenCode: New Session |
❓ 常见问题
Q VSCode 扩展和终端版能同时使用吗？
A 可以，但不建议同时操作同一项目。两者共享项目文件，同时修改可能产生冲突。
Q VSCode 扩展支持哪些功能？
A 核心功能与终端版一致，包括代码分析、文件修改、命令执行。VSCode 版额外提供图形化 diff 预览和编辑器集成。
Q Alice 喜欢在 VSCode 中工作，Bob 习惯终端，他们能协作吗？
A 能。两人用不同的界面操作同一个项目，OpenCode 的修改最终都反映在项目文件上。建议用 Git 管理代码变更。
📖 小节
- VSCode 扩展提供图形化使用体验
- 安装方式：扩展市场搜索 OpenCode
- 核心功能与终端版一致，额外提供 diff 预览
- 适合习惯 IDE 工作流的开发者
📝 作业
-
基础题：在 VSCode 中安装 OpenCode 扩展，并完成一次对话。
-
进阶题：使用 VSCode 扩展让 AI 修改代码，并通过 diff 预览确认修改。
-
挑战题：对比 VSCode 扩展和终端 TUI 的使用体验，列出各自的优缺点。
