当前位置: 首页 > news >正文

OpenCode可视化使用方式

小伙伴们,大家好,我是小溪,见字如面。前面了解了OpenCode CLI的基本使用方式,命令行方式对小白用户来说不是很友好,这次整理了几种可视化使用OpenCode的方式。对往期内容感兴趣的小伙伴也可以看往期内容:

  • 初识OpenCode CLI

优势

  • 主打一套配置随处可用

  • 多端点接入体验一致

OpenCode桌面端

官网地址:https://opencode.ai/

OpenCode官方提供了可视化桌面端,到官网点击【下载】安装最新的安装包

安装完成后,启动OpenCode桌面端界面如下:

选择服务器和项目后界面如下:

多项目管理

OpenCode支持多项目管理,可以同时添加多个项目,在左侧侧边栏可以进行项目的快速切换

右侧顶部提供了一系列菜单功能,点击【打开方式】可以查看电脑上安装的所有编辑器,点击具体编辑器可以在指定编辑器中打开项目

点击【终端】可以打开命令行终端窗口

点击【代码审查】可以可视化查看文件内容变更状态

点击【文件】可以查看项目目录结构和变更的文件列表,点击具体文件可以对文件进行预览

提供商管理

OpenCode桌面端支持配置模型提供商,点击【模型】【+】可以添加新的模型提供商

模型提供商和OpenCode CLI一样可分为 内置提供商 和 自定义提供商

点击【自定义】可以添加自定义模型提供商配置,根据提示配置提供商信息

该操作会更新 ~/.config/opencode/opencode.json 文件,重启OpenCode即可找到刚刚配置的模型,这一点比OpenCode CLI方便很多

模型管理

点击【模型】【模型管理】可以对模型进行配置

OpenCode中每个模型可以进行单独配置,选中开启或关闭可以对模型的显示与隐藏进行配置,开启的模型会展示在模型列表

会话管理

进入项目工作区,左侧侧边栏会展示所有的会话记录,可以切换不同会话,点击会话记录查看历史会话内容

会话窗口支持多种上下文类型,可以通过 @ 添加项目文件上下文

通过 / 唤起内置命令、skills 等

OpenCode桌面端还提供了检查点(Checkpoint)方便我们对对话内容进行回退。除此之外,OpenCode桌面端对标OpenCode CLI还提供了 对话模式、权限管理 等功能,感兴趣和需要的小伙伴可以自行了解。

OpenCode Web

OpenCode CLI提供了Web服务,在命令行终端输入下面命令即可启动Web服务

$ opencode web

启动完成后,会输出Web服务的访问地址

在浏览器中打开 http://127.0.0.1:4096 界面如下,和OpenCode桌面端操作几乎一样

上面启动的是不需要鉴权的Web服务,在同一个局域网任何拿到这个Web服务访问链接的人都可以操作,如果你不希望所有都可以操作,可以添加用户访问鉴权。添加方式也很简单,只需在启动Web服务时设置 OPENCODE_SERVER_PASSWORD 参数

$OPENCODE_SERVER_PASSWORD=admin opencode web

启动服务后在浏览器打开,可以看到此时就要求输入用户名和密码了,输入上面启动命令配置的用户名和密码点击【Sign In】登录后就可以进入OpenCode Web界面了

IDE扩展插件

OpenCode提供了VS Code IDE扩展插件,在VS Code插件市场搜索【opencode】,点击【安装】安装插件

安装完成后,点击侧边栏上的OpenCode图标就可以打开OpenCode了,使用方式和OpenCode CLI是一致的

OpenChamber

OpenChamber 是一款专为开发者打造的OpenCode AI 辅助协同工具,它通过将强大的 Agent 引擎深度集成至本地开发工作流,实现了从代码编写、环境调试到项目管理的全流程自动化,并支持通过浏览器随时随地跨设备便捷访问。

官网地址:https://openchamber.dev

CLI使用

OpenChamber也提供了CLI和桌面端,在命令行终端输入下面命令可以安装OpenChamber CLI

$ curl-fsSL https://raw.githubusercontent.com/btriapitsyn/openchamber/main/scripts/install.sh|bash

OpenChamber CLI也支持启动Web服务

# 默认启动,端口为3000,设置密码为admin$ openchamber--ui-password addmin# 指定ip,手机在局域网可以连接$ openchamber--ui-password addmin--host 192.168.x.x--port 5059# 开启隧道模式$ openchamber tunnelstart--provider cloudflare--mode quick

启动完成后,在控制台可以看到下面输出结果

在浏览器打开 http://127.0.0.1:5059 会要求输入密码

登录完成后界面如下:

在手机浏览器打开效果如下:

OpenChamber中的会话和OpenCode是同步的,在OpenChamber新开一个会话进行对话

重新打开OpenCode桌面端也可以同步看到对话记录

桌面端

官网下载地址:https://openchamber.dev/download

OpenChamber提供了桌面端,在OpenChamber官网下载安装包

安装完成后,点击【browse】配置OpenCode CLI路径

配置完成后就可以进入OpenChamber界面了,OpenChamber提供了 可视化上下文、打开方式、服务管理、用量统计、MCP管理 等等功能,感兴趣的小伙伴可以自行了解

OpenChamber可以连接多个OpenCode实例,点击【LocalIP】查看实例列表,点击【Add instance】可以添加新的实例

扩展特性

OpenChamber在OpenCode功能基础上扩展了很多好用的功能,比如 Worktree、Git管理 等,这里只做简单介绍

点击右侧栏可以查看 项目目录 和 Git管理

使用Git管理可以方便对代码进行 拉取、提交

点击【上下文用量】可以查看详细的上下文窗口信息

参考资料

  • https://linux.do/t/topic/1329050

友情提示

见原文:OpenCode可视化使用方式

http://www.jsqmd.com/news/1016799/

相关文章:

  • NDB分数:量化GAN模式坍缩的无预训练评估方法
  • Rancher v2.7.5集群导入翻车实录:cattle-system卡在Terminating,我是如何一步步救回来的
  • 2026主流AI编程工具榜单:开发者实测第一梯队选型参考
  • 避坑指南:Oracle 19c DataGuard配置中那些容易踩的“雷”(归档、网络、密码文件)
  • Claude Code 完全使用指南:从入门到精通
  • SVM实操手记:小样本高维噪声数据下的鲁棒分类器
  • ENVI Deep Learning 1.2实战踩坑记:从TensorBoard白屏到模型分类效果差,我的避坑全记录
  • 别慌!MCU死机后,用Ozone和Keil这招非侵入式调试,5分钟定位HardFault
  • Qt5.15 + QWebEngine网页加载慢到超时?一个抓包对比Chrome的实战排查记录
  • 2026年论文党必备:盘点2026年碾压级的一键生成论文工具
  • 2026年靠谱无油空压机工厂哪家强
  • 手把手教你解决STM32CubeIDE中ST-LINK与GDB服务端的端口冲突问题(附端口查看与修改教程)
  • 保姆级教程:用一条带参数的启动命令,绕过Oracle 12c安装时的INS-30131验证错误
  • RV1103/RV1106蓝牙开发避坑实录:Buildroot 2023.02.6编译BlueZ5,我踩过的那些编译错误
  • CAN总线Bus Off了别慌!手把手教你用CANalyzer/CANoe诊断与快慢恢复(附ISO11898标准解读)
  • NC系统高频问题排查手册:从数据权限到凭证签字的50个实战避坑点
  • Nav2行为树实战:手把手教你调试机器人‘卡死’和‘绕路’问题
  • 2026年四川冷凝器清洗服务怎么选?5家本土企业实力盘点与案例解析 - 优质品牌商家
  • Qt开发避坑指南:QTabBar信号连接、内存管理与样式自定义的那些“坑”
  • 2026年川渝火锅底料行业观察:老火锅底料供应商实力解析与选型参考 - 优质品牌商家
  • Windows VMware虚拟机配置5070深度学习环境搭建
  • 2026年成都私立中学招生机构综合评估:真实案例与机构特性分析 - 优质品牌商家
  • SAP FI-GL新手避坑指南:FS00创建总账科目时,这5个字段千万别填错
  • Snipe-IT邮件配置踩坑实录:Docker环境下QQ/腾讯企业邮箱的535报错终极解决指南
  • 鸿蒙原生应用实战(五):塔罗牌App开发 — 数据模型、构建配置与工程优化
  • 南平市五家靠谱店铺TOP排行榜及联系方式地址+黄金回收门店推荐 电话+白银回收+铂金回收+彩金回收当场结算 - 盛世金银回收
  • FPGA加速点云处理:ICP算法优化与硬件实现
  • RISC-V处理器设计避坑指南:五级流水线中的冒险、前递与Cache实现详解
  • UniApp自定义相机横屏拍照不翻转?一个配置项+监听函数搞定(附完整代码)
  • Zynq 开发避坑指南:Vitis 2021.1 里那个烦人的 xparameters.h 错误到底怎么修?