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，直接一句话改需求、优化代码、多模型切换。