开发与工程 ✓ Microsoft · 官方 vscode-insidersplaywrightchrome-devtools-protocolcopilot-chatui-automationmonaco-editorscreenshot-testing

VS Code Insiders 自动化技能

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

FollowSkills 评估 · FSRS-2.0
不推荐
46/ 100 五分制 2.3 / 5
信任安全12 / 25 · 2.4/5

文档限定了Playwright CLI的Bash工具模式,并说明使用本地CDP、独立用户目录和截图留痕;但会持久化认证状态、操作聊天界面并可能截取敏感内容,未明确逐步确认、数据流、权限边界、敏感数据处理或可靠回滚,因此扣分。

可靠稳定8 / 20 · 2.0/5

流程、依赖、端口、重试、重新快照和常见故障处理有较清晰说明;但静态材料未证明关键路径可执行,选择器依赖内部实现,认证、平台差异和失败诊断仍有限,按静态上限扣分。

适用触发9 / 15 · 3.0/5

触发词、目标用户场景和主要操作范围较明确,涵盖UI交互、聊天自动化、调试和截图;但未充分声明非适用场景,也没有中文支持说明,且核心Copilot功能依赖GitHub认证及可能受中国大陆网络可达性影响的服务,因此扣分。

规范维护8 / 15 · 2.7/5

文档按前置条件、工作流、附加操作、交互细节、故障排查和清理组织,且给出命令示例、依赖和版本线索;但缺少独立版本策略、变更记录、维护责任和更新路径,部分安装与环境假设仍隐藏,故扣分。

有效结果6 / 15 · 2.0/5

对已具备VS Code Insiders、编译环境和Copilot认证的开发者,流程可覆盖启动、连接、快照、交互、截图和清理;但静态审查无法验证输出完整性或实际成功率,且认证、编译和手工处理带来较高成本,因此未给高分。

证据核验3 / 10 · 1.5/5

技能包含具体命令、端口、选择器和故障条件,仓库也有相关聊天库与性能CI;但这些CI并未直接覆盖该技能的Playwright/CDP关键路径,缺少独立复现结果或第三方执行证据,因此仅给有限分数。

证据充分度: 评估于 2026年7月20日 审查版本 5b3e1be7be9e
使用前请注意
  • 使用持久化调试目录会保存Copilot/GitHub认证状态;运行前应确认目录权限,并避免截图包含令牌、代码、提示词或个人数据。
  • CDP端口和内部CSS选择器带来本地暴露及版本脆弱性;应限制监听范围,确认目标窗口,并在完成后清理进程和敏感状态。
  • Copilot认证及模型服务可能受中国大陆网络、账户策略或地区限制影响;技能未提供离线或替代路径。
  • 清理示例使用基于命令行匹配的kill,误匹配时可能终止错误的VS Code进程;执行前应人工核对进程。
查看完整评分方法 →

它能做什么 & 适用场景

该技能用于通过 Chrome DevTools Protocol 连接 VS Code Insiders,并使用 @playwright/cli 操作 Copilot Chat 扩展及其他 VS Code 界面。它覆盖扩展编译、启动、CDP 连接、页面快照、元素交互和截图留痕。技能特别说明了 Monaco 编辑器输入、多个 Webview 标签页以及扩展代码变更后的重启流程。它适合需要真实操作或测试 VS Code UI 的开发者,但要求使用 VS Code Insiders、先编译扩展并保持 GitHub 身份验证。

运行 npm install、npm run compile 或 npm run watch;用 code-insiders 以扩展开发模式、CDP 端口和持久化用户目录启动 VS Code;通过 npx @playwright/cli attach 连接 CDP;列出或切换标签页,生成快照,使用元素引用填充和按键交互;通过 eval 检查 Monaco 文本;在指定目录保存时间戳截图;代码变更后重新编译、终止并启动调试实例。

  1. 扩展开发者需要在 VS Code Insiders 中加载并验证自己的扩展 UI。
  2. Copilot Chat 测试人员需要自动填写聊天输入框并等待响应完成。
  3. 调试人员需要通过快照发现 VS Code 界面元素并执行交互。
  4. QA 工程师需要在关键操作前后保存截图作为 UI 测试记录。
  5. Monaco 输入无法用普通 click 操作时,开发者需要使用 fill、type 或 press 完成输入。

优缺点一览

优点
  • 提供从编译、启动到 CDP 连接和快照交互的完整工作流。
  • 针对 Monaco 编辑器给出 fill、type、press 及 JavaScript 聚焦方案。
  • 支持截图留痕、标签页管理和扩展代码变更后的重启流程。
  • 明确要求持久化用户目录,以保留认证、设置和扩展状态。
局限
  • 必须使用 VS Code Insiders;VS Code Stable 不会激活该扩展。
  • 需要先编译扩展,并需要已认证的 GitHub 会话才能正常使用 Copilot Chat。
  • 依赖 VS Code 内部 CSS 选择器,版本更新后可能需要重新快照并调整自动化。
  • 源材料未提供独立安装包、自动化测试套件或跨平台验证结果。

如何安装

在 microsoft/vscode 仓库根目录使用 npm install,使 @playwright/cli 可通过开发依赖调用;也可按源文档使用 npm install -g @playwright/cli。该技能位于 extensions/copilot/.agents/skills/launch/SKILL.md,源材料未说明独立安装或复制到其他目录的步骤。

如何使用

先运行 npm run compile,然后使用 code-insiders --extensionDevelopmentPath="$PWD" --remote-debugging-port=9223 --user-data-dir="$PWD/.vscode-ext-debug" 启动。使用 npx @playwright/cli attach --cdp=http://127.0.0.1:9223 连接,再运行 npx @playwright/cli tab-list 和 npx @playwright/cli snapshot。可用自然语言触发,例如“automate VS Code”“interact with chat”“test the UI”“take a screenshot”或“launch with debugging”。

对比同类

与 VS Code Stable 相比,该技能明确要求 VS Code Insiders,因为目标扩展使用了 58 个提议中的 VS Code API,并针对特定版本范围。

常见问题

它能在 VS Code Stable 中使用吗?
不能。源文档明确要求 VS Code Insiders,Stable 不会激活该扩展。
是否需要登录?
需要。Copilot Chat 扩展需要已认证的 GitHub 会话;临时用户目录会导致出现登录提示并使模型不可用。
为什么普通点击无法输入聊天内容?
聊天输入使用 Monaco 编辑器,普通 click 可能被透明覆盖层阻挡;优先使用快照引用执行 fill,或在聚焦后使用 type 和 press。
使用后需要清理吗?
需要断开 @playwright/cli,并终止使用该调试用户目录的 VS Code 实例,以释放资源和 CDP 端口。

同仓库的其他 Skills

均来自 microsoft/vscode

开发与工程 ✓ Microsoft · 官方

工具重命名兼容性检查

防止内置工具重命名破坏现有提示词与工具配置。

开发与工程 ✓ Microsoft · 官方

Copilot Chat OpenTelemetry 埋点指南

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

开发与工程 ✓ Microsoft · 官方

VS Code 配置策略维护助手

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

设计与前端 ✓ Microsoft · 官方

VS Code 设计哲学

用价值、原则和设计动作,把“看起来不对”转化为可执行的界面改进。

开发与工程 ✓ Microsoft · 官方

Agent 主机端到端测试助手

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

开发与工程 ✓ Microsoft · 官方

VS Code 集成浏览器架构指南

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

开发与工程 ✓ Microsoft · 官方

VS Code Agents 窗口会话架构

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

开发与工程 ✓ Microsoft · 官方

智能提交助手

根据仓库惯例生成提交信息并安全提交代码变更。

开发与工程 ✓ Microsoft · 官方

Agent Host 日志分析

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

开发与工程 ✓ Microsoft · 官方

VS Code 单元测试助手

在 VS Code 源码仓库中按文件、测试名称或匹配模式运行单元测试。

开发与工程 ✓ Microsoft · 官方

VS Code Agent 定制助手

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

开发与工程 ✓ Microsoft · 官方

Code OSS 启动与调试

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

开发与工程 ✓ Microsoft · 官方

VS Code 无障碍开发助手

为 VS Code 交互式功能提供可执行的无障碍实现规范。

设计与前端 ✓ Microsoft · 官方

VS Code CSS 布局规范

用 VS Code 规范构建稳健的 CSS 布局与文本截断体验

开发与工程 ✓ Microsoft · 官方

VS Code Chat 性能实验室

基准测试聊天渲染性能,并检测会话中的内存泄漏。

开发与工程 ✓ Microsoft · 官方

组件夹具与截图测试

帮助你为 VS Code 组件创建稳定、可主题化的截图测试夹具。

开发与工程 ✓ Microsoft · 官方

VS Code 冒烟测试助手

运行、筛选并调试 VS Code 端到端冒烟测试。

开发与工程 ✓ Microsoft · 官方

VS Code 崩溃转储符号化

将原生 VS Code 崩溃转储转换为带方法名的可读回溯。

开发与工程 ✓ Microsoft · 官方

VS Code 本地 Web 工作台

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

开发与工程 ✓ Microsoft · 官方

反馈执行器

读取当前会话反馈并落实对应代码修改。

相关 Skills