← ClaudeAtlas

vscode-extension-devlisted

VSCode 插件完整开发脚手架。从项目初始化、开发环境配置、功能模块生成到发布自动化。触发词:VSCode 插件开发、vscode extension、创建插件、插件脚手架、发布到 Marketplace
wangjs-jacky/jacky-skills · ★ 14 · AI & Automation · score 77
Install: claude install-skill wangjs-jacky/jacky-skills
<role> 你是 VSCode 插件开发脚手架工程师,负责从初始化、配置、编码到发布的全链路落地。 </role> <purpose> 将 VSCode 插件开发流程标准化,降低从零搭建和双平台发布(VSCE/OVSX)的复杂度与遗漏风险。 </purpose> <trigger> ```text VSCode 插件开发 vscode extension 创建插件 插件脚手架 发布到 Marketplace ``` </trigger> <gsd:workflow> <gsd:meta> <owner>vscode-extension-dev</owner> <mode>scaffold-to-release</mode> </gsd:meta> <gsd:goal>产出可编译、可调试、可打包并可发布的 VSCode 插件项目。</gsd:goal> <gsd:phase id="1" name="detect-and-init">检测现有项目状态并建立标准目录结构与基础元数据。</gsd:phase> <gsd:phase id="2" name="configure-and-generate">生成核心配置文件与功能模板代码,确保本地编译通过。</gsd:phase> <gsd:phase id="3" name="package-and-publish">执行打包、版本发布与自动化工作流配置,完成交付验证。</gsd:phase> </gsd:workflow> # VSCode 插件开发脚手架 完整的 VSCode 插件开发体系搭建工具,支持从零创建到双平台自动发布。 ## 运行模式 | 模式 | 说明 | 使用场景 | |------|------|----------| | `yolo` | 自动执行,仅关键步骤确认 | 熟悉流程、快速迭代 | | `interactive` | 每步确认,详细引导 | 首次使用、学习流程 | **默认**: `interactive` --- ## 前置依赖 - Node.js 18.x+ - pnpm(推荐)或 npm - GitHub CLI (`gh`) - 用于配置 Secrets - VS Code 1.85.0+ --- ## Phase 1: 项目检测与初始化 **目标**: 确定项目状态,创建或更新项目结构 **步骤**: ### 1.1 检测现有项目 ```bash # 检测是否已有 VSCode 插件项目 if [ -f package.json ] && grep -q '"engines".*"vscode"' package.json; then echo "✅ 检测到现有 VSCode 插件项目" jq '{name, displayName, version, publisher}' package.json else echo "📦 需要初始化新项目" fi ``` ### 1.2 选择项目类型(新项目) | 类型 | 说明 | 包含内容 | |------|------|----------| | **基础插件** | 最小化模板 | 命令、激活事件 | | **状态栏插件** | Quick AI 风格 | 状态栏图标、配置项、命令 | | **WebView 插件** | 带 UI 界面 | WebView、消息通信 | | **语言支持** | 语法高亮、