关于 arch-vscode
arch-vscode 是基于 antfu/starter-vscode 的 VSCode 扩展项目模板技能,面向扩展开发者。它介绍使用 reactive-vscode、tsdown 和 vscode-ext-gen 的约定式流程,涵盖入口、调试、打包与发布。
主要功能
- 01搭建 VSCode 扩展模板
- 02使用 reactive-vscode 组合式 API
- 03通过 tsdown 构建单个 CJS 包
- 04生成类型安全的 contributes 元数据
- 05涵盖调试、打包与发布
适用场景
- 01启动 VSCode 扩展项目
- 02配置扩展入口和 contributes
- 03在 Extension Host 中调试
- 04准备扩展打包或发布
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ hairyf/ skills --skill arch-vscode安装后在 Claude Code 中输入/arch-vscode确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
GENERATION.mdassets/ci.ymlreferences/best-practices-vscode-ext.mdcore-ci.mdcore-config.mdcore-contributes.mdcore-development.mdcore-extension-entry.mdcore-logging.mdcore-overview.mdcore-scripts.mdcore-tsdown-build.md详细介绍
arch-vscode 是一个 VSCode 扩展 起步模板(基于 antfu/starter-vscode),使用 reactive-vscode 提供响应式 API 和组合式函数,使用 tsdown 打包为单一 CJS bundle,并使用 vscode-ext-gen 生成类型安全的 contributes 元数据。它提供了一套极简且有明确约定的配置:defineExtension 入口、defineConfig/defineLogger、Extension Host 调试,以及用于打包和发布的 vsce/vsxpub。
该技能基于 starter-vscode(arch-vscode 源),生成于 2026-01-30。
推荐实践:
- 通过
pnpm update(或 Run on Save)保持 contributes 与生成的 meta 同步 - 使用 reactive-vscode 组合式函数管理状态和 disposables;使用将
vscode设为 external 的 CJS 构建 - 尽可能优先使用
onCommand激活
核心参考
| 主题 | 描述 | 参考 |
|---|---|---|
| 概览 | 项目用途、结构、何时使用 | core-overview |
| 扩展入口 | defineExtension、activate、deactivate | core-extension-entry |
| 配置 | defineConfig、生成的作用域配置 | core-config |
| 日志 | defineLogger、displayName | core-logging |
| tsdown 构建 | CJS、external vscode、build:prepare 钩子 | core-tsdown-build |
| 脚本 | build、dev、update、release、ext:package、ext:publish | core-scripts |
| Contributes | commands、configuration、activationEvents | core-contributes |
| 开发 | launch.json、tasks.json、Extension Host | core-development |
| CI | GitHub Actions 工作流 — lint、typecheck、build、test | core-ci |
最佳实践
| 主题 | 描述 | 参考 |
|---|---|---|
| VSCode 扩展 | 入口、contributes、meta、激活、发布 | best-practices-vscode-ext |
评论
支持 Markdown