news 2026/6/9 22:01:37

OpenClaw-VSCode:在 VS Code 中通过 WebSocket 远程管理 OpenClaw 网关的完整方案

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
OpenClaw-VSCode:在 VS Code 中通过 WebSocket 远程管理 OpenClaw 网关的完整方案

在 VS Code 里「养」一只 OpenClaw大龙虾🦞,边写代码边聊天太爽了!🐾

“写代码和用 AI,终于不用来回切窗口了!”

作为一名程序员,你是不是也经历过这种痛苦:

  • 左边 VS Code 写代码,右边浏览器开 OpenClaw
  • 远程服务器上部署了 AI 网关,管理起来超麻烦
  • 配置个连接要改半天 JSON,手一抖就报错

今天给大家介绍一个开源神器——OpenClaw-VSCode,直接把 OpenClaw 塞进 VS Code 侧边栏,让你边写代码边「撸猫」(聊 AI)!

文章目录

  • 在 VS Code 里「养」一只 OpenClaw大龙虾🦞,边写代码边聊天太爽了!🐾
    • @[toc]
    • 🎯 这玩意儿能干啥?
    • 🚀 5 分钟上手
      • 第一步:装插件
      • 第二步:填地址
      • 第三步:开聊!
    • 💡 神仙用法:SSH 远程开发组合拳
    • 🛠️ 配置小技巧
    • 🤔 可能遇到的问题
    • 🌟 为什么开源?
    • 📝 总结

🎯 这玩意儿能干啥?

简单说,它就是一个VS Code 插件,让你通过 WebSocket 连接 OpenClaw 网关,在编辑器里直接聊天交互。

三大爽点:

爽点体验
🖥️侧边栏即开即聊不用切窗口,编码对话两不误
🔗SSH 远程无缝管配合 VS Code 远程开发,服务器上的 OpenClaw 直接掌控
⚙️点点鼠标就配置可视化设置,告别手搓配置文件

🚀 5 分钟上手

第一步:装插件

# 方式1:等上架后直接在 VS Code 扩展商店搜"OpenClaw"# 方式2:动手党从源码编译gitclone https://github.com/MaoTouHU/openclaw-vscode.gitcdopenclaw-vscode&&npminstall&&npmrun package

第二步:填地址

点击侧边栏的 OpenClaw 图标 → ⚙️配置

本地玩耍版:

ws://localhost:18789

远程服务器版(配合 SSH 超香):

ws://你的服务器IP:18789Token:你的密钥

加密生产版:

wss://你的域名:18789

第三步:开聊!

点击「连接」,绿灯一亮,直接在侧边栏输入消息,OpenClaw 的回复实时显示。


💡 神仙用法:SSH 远程开发组合拳

这是我觉得最香的使用场景,没有之一:

场景:你在家里,通过 VS Code SSH 连到公司服务器写代码,服务器上跑了 OpenClaw 网关。

以前:要单独开终端/浏览器连服务器管理 OpenClaw,窗口切来切去。

现在:

  1. SSH 连上服务器,打开项目
  2. OpenClaw-VSCode 自动跟随到远程环境
  3. 配置ws://localhost:18789(对远程服务器而言就是本地)
  4. 写代码、调 AI、看日志,一个窗口全搞定!

这种 All-in-One 的感觉,用过就回不去了。


🛠️ 配置小技巧

自动连接(懒人必备):

{"openclaw.autoConnect":true}

常用命令:

  • Ctrl+Shift+P→ 输入OpenClaw
  • 看到「连接到网关」「断开连接」「配置连接」三个选项

断网也不怕:插件自带自动重连,网络恢复后自动续上会话。


🤔 可能遇到的问题

Q:连不上?

  • 先检查 OpenClaw 网关是否真的跑起来了
  • 看看端口有没有被防火墙拦(默认 18789)
  • 看 VS Code 底部「输出」面板选 OpenClaw,有详细日志

Q:Token 从哪来?

  • 在你部署的 OpenClaw Gateway 配置里找,或者问管理员要

Q:安全吗?

  • 支持 WSS 加密连接,Token 验证也安排上了,企业用也没问题

🌟 为什么开源?

项目forks地址:https://github.com/MaoTouHU/openclaw-vscode

作者把代码完全开源(MIT 协议),意味着你可以:

  • ✅ 免费使用
  • ✅ 随意修改
  • ✅ 商用也没问题
  • ✅ 欢迎提交 PR 一起完善

觉得有用?去 GitHub 点个 ⭐ 支持一下!这对开源作者真的是很大的鼓励。


📝 总结

如果你也是:

  • VS Code 重度用户
  • OpenClaw 玩家
  • 经常远程开发的程序员

那这个插件绝对是你的效率神器。代码和 AI 对话,终于能在同一个窗口里完成了!

快去试试吧,有问题欢迎在评论区交流~


📌 项目信息

  • 开源forks地址:https://github.com/MaoTouHU/openclaw-vscode
  • 协议:MIT
  • 要求:VS Code 1.80.0+

本文介绍的开源工具仅供学习交流,请遵守相关使用规范。


【互动话题】你平时是怎么管理 AI 工具的?单窗口还是多窗口?评论区聊聊 👇

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 2:17:06

Gitee迁移GitHub开源全攻略:一键配置自动同步,仅需维护单一仓库

多数国内开发者习惯使用Gitee托管代码,兼顾访问速度与协作便捷性。当项目需要面向全球开源、接入开源社区时,GitHub是更适配的平台。但手动在两个平台重复提交、同步分支,不仅增加开发成本,还容易出现提交历史不一致、分支冲突、版…

作者头像 李华
网站建设 2026/6/10 9:31:59

Flutter for OpenHarmony Python学习助手实战:代码测试与质量保证的实现

测试是保证代码质量的重要手段。在开发Python学习助手的过程中,我深刻体会到如何用Flutter为学习者打造一个优秀的代码测试与质量保证功能是多么重要。今天我来分享一下具体的实现思路和技术细节。 代码测试与质量保证在Python学习中的价值 在我多年的编程教学经验…

作者头像 李华
网站建设 2026/6/10 9:34:33

“我们数据太少,做不了风控?”——这可能只是个借口

“我们数据太少,做不了风控。”在金融科技行业多年,我听过太多团队用这个理由解释产品迭代缓慢、风控效果不佳。有意思的是,说这话的团队往往已经积累了数万甚至数十万用户。这真的只是个数据量问题吗? 文章目录 一、数据量≠数据价值 二、小数据也能做大风控 1 内部数据金…

作者头像 李华
网站建设 2026/6/10 9:34:34

Tensorflow数据增强(三):高级裁剪

基础裁剪方式的局限性 1. Center Crop(中心裁剪) 特点: 固定从图像中心裁剪不引入随机性 问题: 对目标偏移极其敏感无法模拟真实场景中目标位置变化对检测、分割任务几乎无帮助 2. Random Crop(随机裁剪) 特…

作者头像 李华