VScode集成openClaw使用OpenClaw Node for VS Code插件(右键没有openClaw)

VSCode 右键没有 OpenClaw，大多是 插件没装对、服务没启动、连接失败、或菜单被隐藏 导致。按下面步骤一步步修复，100% 能出来。

---

一、先确认：你装的是正确插件（最常见坑）

OpenClaw 有两个 VSCode 插件，只有这个才带右键菜单：

• ✅ 正确：OpenClaw Node for VS Code（xiaoyaner.openclaw-node-vscode）
• ❌ 错误：OpenClaw 其他版本（不带右键）

安装命令（直接复制）：

bash

运行

# 快速安装
Ctrl+P → 粘贴：ext install xiaoyaner.openclaw-node-vscode

或：

1. Ctrl+Shift+X 打开扩展
2. 搜索 OpenClaw Node
3. 安装 → 重启 VSCode

---

二、必须先启动 OpenClaw 网关（服务没开 = 不显示）

1. 安装 OpenClaw CLI（管理员终端）

bash

运行

npm install -g openclaw@latest

2. 启动网关（必须一直开着）

bash

运行

openclaw gateway --port 18789

• 看到 Gateway running on http://localhost:18789 才算成功
• 不要关这个终端，最小化即可

3. VSCode 连接 OpenClaw

Ctrl+Shift+P → 输入：

plaintext

OpenClaw: Setup Wizard

按向导：

• Host: localhost
• Port: 18789
• Token（留空或从网关复制）
• 点 Approve/Connect

---

三、右键菜单不显示？这样恢复

方法 1：启用编辑器上下文菜单

1. 打开设置 Ctrl+,
2. 搜索：OpenClaw: Enable Editor Context Menu
3. ✅ 勾选 Enabled

方法 2：手动呼出（临时用）

选中代码 →Ctrl+Shift+P → 输入：

• OpenClaw: Chat（聊天）
• OpenClaw: Explain Code（解释）
• OpenClaw: Refactor Code（重构）

方法 3：修复插件冲突

1. Ctrl+Shift+P → Disable All Extensions
2. 重启 VSCode
3. 只启用 OpenClaw Node
4. 看右键是否出现 → 再逐个开其他插件

---

四、Windows 常见报错与修复

1. 报错：openclaw 不是内部命令

bash

运行

# 1. 找路径
where openclaw

# 2. VSCode 设置路径
Ctrl+, → 搜索 OpenClaw Path
填入：
C:\Users\你的用户名\AppData\Roaming\npm\openclaw.cmd

2. 权限 / 连接失败

• 以 管理员身份 运行 VSCode
• 关闭代理、VPN
• 检查 18789 端口 没被占用

3. 安装路径含中文

重装 OpenClaw/VSCode → 路径全英文、无空格❌ D:\ 软件 \OpenClaw✅ D:\dev\OpenClaw

---

五、出现后：前端开发最佳用法（你要的优化改需求）

1. 右键直接用

选中代码 → 右键：

• Ask OpenClaw：改需求、优化、加注释
• Refactor：拆分组件、简化逻辑
• Fix Bug：一键修报错

2. 多模型切换（免费）

Ctrl+Shift+P → OpenClaw: Switch Model可用免费模型：

• Qwen3.5 Turbo
• GLM-4 Flash
• DeepSeek-R1
• Llama 3 等

3. 前端专属配置（直接用）

json

// settings.json
"openclaw.primaryModel": "dashscope/qwen3.5-turbo",
"openclaw.fallbackModels": ["zhipu/glm-4-flash"],
"openclaw.temperature": 0.1,
"openclaw.systemPrompt": "你是前端专家，Vue3/React/TS，代码可直接运行，规范美观"

---

六、终极方案（还不行）

1. 卸载 OpenClaw 插件 → 重启 VSCode
2. 重装 OpenClaw Node for VS Code
3. 重启电脑
4. 重新走：安装 CLI → 启动网关 → 连接 VSCode

---

快速自检清单（必做）

• 装对插件：OpenClaw Node
• 启动网关：openclaw gateway --port 18789
• VSCode 已连接（Setup Wizard）
• 开启编辑器上下文菜单
• 管理员运行、无中文路径、端口正常

按上面做完，右键一定出现 OpenClaw，直接一句话改需求、优化代码、多模型切换。