Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>OpenCode Web IntegrationNew to Visual Studio Code? Get it now.
OpenCode Web Integration

OpenCode Web Integration

hudi

|
1 install
| (0) | Free
VSCode extension for OpenCode Web (unofficial)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

OpenCode Web Integration

VSCode TypeScript License

一款用可以在侧边栏使用 OpenCode web 功能的 VSCode 扩展。

特性

  • 🖥️ 侧边栏集成:在 VSCode 侧边栏显示 OpenCode Web 界面
  • 🚀 快速启动:通过单个命令直接从 VSCode 启动 OpenCode
  • 📝 代码集成:将选中的代码片段连同上下文一起发送到 OpenCode TUI
  • ⚙️ 可配置:自定义端口
  • 🔄 进程管理:支持重启和停止 OpenCode 进程

安装

前置要求

  1. 全局安装 OpenCode:

    npm install -g opencode-ai
    
  2. 从 VSCode 市场安装此扩展(搜索 "OpenCode Web Integration")

使用

启动 OpenCode

  1. 左侧栏使用 OpenCode Web

  2. 在编辑器区域使用 OpenCode Web 除了左侧栏,也可以在编辑器区域显示

发送代码到 OpenCode TUI 输入框

  1. 在编辑器中选择代码
  2. 右键点击并选择 添加到 OpenCode 终端
  3. 选中的代码将连同文件上下文一起发送到 OpenCode

进程管理

在侧边栏顶部工具栏:

  • 刷新连接:刷新 OpenCode Web 页面
  • 打开 TUI 终端:在右侧编辑器区域打开终端
  • 更多操作:
    • 在编辑器中打开
    • 在浏览器中打开
    • 查看帮助
    • 进程管理:
      • 重启进程
      • 停止进程

配置

你可以在 VSCode 设置中配置此扩展:

设置 类型 默认值 描述
opencode.port number 4099 OpenCode 服务器端口
opencode.timeout number 5000 连接超时时间(毫秒)

许可证

MIT

支持

如有问题和功能建议,请访问 GitHub 仓库。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft