摘要:还在频繁切换窗口管理 OpenClaw?试试这款开源 VS Code 插件!通过 WebSocket 直连网关,侧边栏即可聊天交互,配合 VS Code SSH 远程开发,打造丝滑的远程 AI 工作流。
项目地址:https://github.com/MaoTouHU/openclaw-vscode
关键词:OpenClaw、VS Code 插件、WebSocket、远程开发、AI 网关

在使用 OpenClaw 这类 AI 网关时,开发者常面临几个烦恼:
- 窗口切换频繁 —— 需要单独打开浏览器或客户端管理对话
- 远程开发割裂 —— 用 VS Code SSH 连服务器写代码,却没法直接操作部署在远端的 OpenClaw
- 配置繁琐 —— 手动改配置文件容易出错
OpenClaw-VSCode 正是为解决这些问题而生。它将 OpenClaw 的交互能力直接嵌入 VS Code 侧边栏,让你在编码的同时无缝管理 AI 对话。
3.1 安装插件
目前可通过以下方式安装:
- 方式一:VS Code 扩展市场搜索 (待上架)
- 方式二:本地安装 文件(见项目 Release)
3.2 连接配置
安装后,在 VS Code 左侧活动栏找到 OpenClaw 图标,点击 ⚙️ 配置:
场景 A:本地开发
GPT plus 代充 只需 145
场景 B:远程服务器(配合 SSH)
场景 C:生产环境(WSS 加密)
GPT plus 代充 只需 145
技巧:配合 VS Code 的 SSH 远程开发功能,你可以在连接远程服务器写代码的同时,直接管理部署在该服务器上的 OpenClaw,无需额外端口映射!
这是本插件最香的使用场景:
- SSH 连接到远程服务器(VS Code Remote-SSH)
- 安装 OpenClaw-VSCode 插件(会自动同步到远程)
- 配置指向本地(对远程而言)的 Gateway
- 开始边写代码边对话,所有操作都在一个窗口完成
这种”代码+AI”同屏工作流,大幅提升远程开发效率。
快捷键:(Windows/Linux)或 (Mac)打开命令面板。
本项目基于以下技术构建:
- TypeScript —— 类型安全的扩展开发
- VS Code Extension API —— 原生侧边栏 Webview
- WebSocket Client —— 实时通信
本地开发
GPT plus 代充 只需 145
项目结构
Q:连接失败怎么办?
- 检查 OpenClaw Gateway 是否已启动并监听对应端口
- 确认防火墙/安全组放行 WebSocket 端口(默认 18789)
- 查看 VS Code 输出面板(Output > OpenClaw)的详细日志
Q:支持 wss 吗?
- 完全支持,只需将 URL 协议改为 并配置有效证书
Q:Token 如何获取?
- 在 OpenClaw Gateway 的配置文件中查看或生成
本项目采用 MIT 协议 开源,欢迎提交 PR:
- Bug 反馈:GitHub Issues
- 功能建议:Discussions
- 代码贡献:Fork 后提交 PR
Star 支持:如果觉得有用,请给项目点个 ⭐ https://github.com/MaoTouHU/openclaw-vscode
OpenClaw-VSCode 填补了 OpenClaw 在 IDE 集成方面的空白,特别适合:
- 需要远程管理 OpenClaw 的开发者
- 追求All-in-One 工作流的效率党
- 使用 VS Code SSH 远程开发的用户
立即体验:https://github.com/MaoTouHU/openclaw-vscode
本文首发于 CSDN,转载请注明出处。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/214696.html