开发与工程 ✓ Microsoft · 官方 vscode-web-workbenchlocal-development-serverbrowser-automationagents-windowmock-agent-hostwebsocket

VS Code 本地 Web 工作台

在本地 vscode.dev 中验证 VS Code 工作台和 Agents 窗口改动。

FollowSkills 评估 · FSRS-2.0
谨慎使用
53/ 100 五分制 2.7 / 5
1 2 3 4 5 6
1信任安全18 / 25 · 3.6/5

技能限定在本地 sibling checkout、127.0.0.1 服务和可选本地 mock agent;明确说明 mock 模式绕过 GitHub 认证及 hosts API,具备一定数据流透明度。扣分:未要求运行命令前确认,未说明本地 WebSocket、文件访问及 npm 构建的权限边界,也未提供停止服务、清理构建产物或恢复方案;仍依赖本地工作区和浏览器工具。

2可靠稳定8 / 20 · 2.0/5

路径、工作目录、端口、URL、前置构建、首次编译竞态、缓存问题及常见失败均有具体说明,脚本之间基本一致。扣分:依赖未提供的 vscode-dev 仓库、已安装依赖和 out/产物,命令及日志仅作静态描述,未执行验证;异常覆盖和失败诊断仍有限,因此不超过静态上限10。

3适用触发9 / 15 · 3.0/5

目标用户和场景清楚,覆盖 workbench、Agents window、mock agent、移动模拟及缓存刷新,并说明 Agents 场景的非适用条件。扣分:未明确完整的非适用范围、浏览器工具能力边界或中文使用说明;常规安装和构建可能需要海外 npm/GitHub 资源,虽 mock 核心交互可离线,环境适配证据仍不足。

4规范维护8 / 15 · 2.7/5

文档结构清晰,按布局、启动、URL、交互、缓存、噪声、排障和 mock agent 渐进展开,包含命令、参数、预期日志和故障表。扣分:技能本身没有版本、变更记录、维护责任、更新路径、安装依赖说明或 FAQ;MIT、Microsoft provenance 和仓库治理可由共享材料支持,但并非该 SKILL.md 的完整维护声明。

5有效结果6 / 15 · 2.0/5

技能直接给出启动服务、访问 URL、浏览器交互、缓存清理和 mock agent 配置步骤,预期日志使结果具有可操作性。扣分:未静态证明 vscode-dev 路由、协议版本、mock binary 或浏览器工具实际可用;仍需用户准备第二仓库、构建产物和环境,静态评估下只能接近但不超过效果上限7。

6证据核验4 / 10 · 2.0/5

提供了可复现的目录布局、绝对路径建议、命令、URL、环境变量、预期日志和指向源码文件的名称,具备有限审计线索。扣分:没有提交的专门测试、实际运行记录或独立交叉验证,所附 CI 材料也不覆盖该 skill 的关键路径;按静态证据只能给有限分数,低于上限5。

证据充分度: 评估于 2026年7月20日 审查版本 5b3e1be7be9e
上游仓库在本次评估后已有新提交;当前评分仍对应所示审查版本,可能尚未覆盖最新改动。
使用前请注意
  • 运行 npm、Node agent host 和浏览器服务会产生本地进程、构建产物和网络监听;使用前应确认目录、端口及工作区无敏感数据,并补充停止与清理步骤。
  • 该技能依赖 sibling 的 vscode-dev 仓库、vscode 的 out/构建产物及浏览器工具;缺失任一项时不能直接运行。
  • 普通依赖安装或首次构建可能访问海外 npm/GitHub 资源;中国大陆网络环境下应预先准备缓存、镜像或离线依赖,不能将 mock 模式的离线能力推广到完整安装流程。
查看完整评分方法 →

这个 Skill 能做什么,适合哪些场景?

这个技能用于通过本地运行的 vscode.dev 服务,加载相邻的 microsoft/vscode 源码并操作 VS Code Web 工作台。它覆盖开发服务器启动、vscode-quality=dev URL、浏览器交互,以及可选的本地模拟 Agent 主机。vscode-dev 和 vscode 必须位于同一工作根目录下的相邻文件夹中。它适合需要验证 Web-only 工作台改动的开发者,但不适合只想安装或使用桌面版 VS Code 的用户。

从相邻的 microsoft/vscode checkout 提供本地 VS Code Web 工作台或 /agents Agents 窗口;在 vscode-dev 文件夹中运行 npm run dev,并通过 https://127.0.0.1:3000 提供服务;使用带有 ?vscode-quality=dev 的 URL 选择本地开发源码;通过浏览器工具点击、输入和发送聊天内容;在重建后注销 service worker 并清理缓存以避免旧资源;可选地运行 vscode 中的 agentHostServerMain.js,以 WebSocket 模拟 Agent 主机并为 Agents 窗口提供预置或脚本化会话。

  1. 正在修改 VS Code Web 工作台的开发者,需要在发布 Insiders 构建前直接验证本地源码。
  2. 需要测试 Agents 窗口交互的开发者,希望使用本地 mock agent host 绕过 GitHub 登录和隧道发现。
  3. 使用浏览器自动化验证聊天输入、发送按钮或工作台行为的工程师。
  4. 修改 vscode 源码后发现页面仍显示旧界面的开发者,需要清理 service worker 和缓存再重新加载。

这个 Skill 有哪些优点和局限?

优点
  • 直接针对相邻 vscode 源码提供本地 Web 工作台,适合快速验证 Web-only 改动。
  • 同时覆盖主工作台和 /agents Agents 窗口。
  • 本地 mock agent host 可绕过 GitHub 认证和 /agents/api/hosts 端点,支持离线场景。
  • 提供聊天发送、缓存清理、移动设备模拟和常见故障的具体操作说明。
局限
  • 必须同时准备 vscode-dev 和 vscode 两个相邻 checkout,不能只依赖当前 microsoft/vscode 仓库。
  • 启动命令必须在 vscode-dev 文件夹执行;在 vscode 文件夹执行会因缺少 dev 脚本而失败。
  • Agents 窗口通常需要额外启动 mock agent host,而且 vscode/out 必须已生成相关构建产物。
  • 集成浏览器的真实移动端视口受面板宽度限制;源码没有提供独立的安装器、版本要求或测试套件说明。

如何安装这个 Skill?

该源码没有记录独立的技能安装器或安装命令。使用时需要准备 microsoft/vscode checkout 和 vscode-dev checkout,并按以下布局放置:<workRoot>/vscode/ 和 <workRoot>/vscode-dev/。技能文件位于 microsoft/vscode 的 .github/skills/vscode-dev-workbench/SKILL.md。README 说明整个 microsoft/vscode 仓库采用 MIT 许可证;本技能的单独安装步骤未被说明。

如何使用这个 Skill?

先在 vscode-dev 文件夹运行:
cd /path/to/vscode-dev
npm run dev
也可以使用:
pushd /absolute/path/to/vscode-dev >/dev/null && pwd && npm run dev
服务就绪后打开 https://127.0.0.1:3000/?vscode-quality=dev;Agents 窗口使用 https://127.0.0.1:3000/agents?vscode-quality=dev。若测试 Agents 窗口,另开终端在 vscode 文件夹运行:
cd /path/to/vscode
node out/vs/platform/agentHost/node/agentHostServerMain.js --enable-mock-agent --quiet --without-connection-token --port 8765
然后打开 https://127.0.0.1:3000/agents?vscode-quality=dev&mock-agent-host=ws://localhost:8765&vscode-log=trace。若首次启动出现 Cannot find module './indexes',等待 watcher 完成编译并自动重启;如果 vscode/out 中缺少 agentHostServerMain.js,先运行 VS Code - Build 任务或 npm run watch。

常见问题

这个技能需要付费吗?
来源没有说明技能收费。microsoft/vscode 仓库 README 说明其源码采用 MIT 许可证。
为什么不能在 vscode 仓库中运行 npm run dev?
技能明确说明 npm run dev 必须从 vscode-dev 文件夹运行;vscode 仓库没有 dev 脚本,会报 npm error Missing script: "dev"。
Agents 窗口为什么停留在登录或隧道发现页面?
通常是因为没有运行 mock agent host。应在第二个终端启动 vscode 中的 agentHostServerMain.js,并使用 mock-agent-host=ws://localhost:8765 参数打开 Agents URL。
修改 vscode 源码后为什么页面没有更新?
服务 worker 会积极缓存客户端资源。应注销 service worker、删除缓存,然后重新加载页面。

同仓库的其他 Skills

均来自 microsoft/vscode

开发与工程 ✓ Microsoft · 官方

VS Code 集成浏览器架构指南

帮助开发者安全理解和修改 VS Code 集成浏览器的跨进程架构。

开发与工程 ✓ Microsoft · 官方

VS Code Agents 窗口会话架构

帮助代理安全实现和修复 VS Code Agents 窗口功能。

开发与工程 ✓ Microsoft · 官方

VS Code Agent 定制助手

帮助创建、修复和排查 VS Code Agent 定制文件及其加载问题。

开发与工程 ✓ Microsoft · 官方

Agent 主机端到端测试助手

用严格的回放夹具维护 VS Code Agent 主机端到端测试。

开发与工程 ✓ Microsoft · 官方

Agent Host 日志分析

定位 Agent Host 导出日志中的会话、传输与主机问题。

开发与工程 ✓ Microsoft · 官方

Code OSS 启动与调试

为 VS Code 源码构建提供隔离启动、Playwright 自动化和多进程调试端口。

开发与工程 ✓ Microsoft · 官方

VS Code 聊天定制编辑器开发技能

帮助开发者安全修改并测试 VS Code 的聊天定制管理界面。

开发与工程 ✓ Microsoft · 官方

VS Code 集成测试运行助手

帮助你在 VS Code 源码仓库中准确运行和筛选集成测试。

开发与工程 ✓ Microsoft · 官方

Code OSS 开发日志查看器

快速定位并读取 Code OSS 开发运行日志。

开发与工程 ✓ Microsoft · 官方

Copilot 会话故障诊断

基于会话日志解释 Copilot CLI 为何出现异常行为。

开发与工程 ✓ Microsoft · 官方

Copilot 聊天故障排查

通过 Copilot Chat 调试日志解释代理行为、工具调用和加载失败。

自动化与运维 ✓ Microsoft · 官方

Hook 政策创建器

把代理行为要求转化为可执行的生命周期 Hook。

开发与工程 ✓ Microsoft · 官方

VS Code Insiders 自动化技能

通过 Playwright 自动化 VS Code Insiders 与 Copilot Chat。

开发与工程 ✓ Microsoft · 官方

可复用提示词创建器

把重复任务整理成可复用的 .prompt.md 文件。

开发与工程 ✓ Microsoft · 官方

代码库初始化定制器

探索代码库并生成或更新帮助 AI 编程代理工作的定制文件。

开发与工程 ✓ Microsoft · 官方

VS Code 项目初始化助手

在 VS Code 中按项目类型搭建完整工程骨架。

开发与工程 ✓ Microsoft · 官方

自定义代理创建器

根据工作目标和对话上下文创建专用的 .agent.md 代理文件。

开发与工程 ✓ Microsoft · 官方

Context7 项目初始化助手

借助最新库文档,为 VS Code 工作区搭建完整项目骨架。

开发与工程 ✓ Microsoft · 官方

Copilot Chat OpenTelemetry 埋点指南

为 Copilot Chat 统一设计和维护 OpenTelemetry 埋点。

开发与工程 ✓ Microsoft · 官方

VS Code 配置策略维护助手

规范 VS Code 企业配置策略的注册、导出与验证。

相关 Skills