mcpField
A
arch-vscode

arch-vscode

github.com/hairyf开发26103 次安装2 周前更新
代码仓库

关于 arch-vscode

arch-vscode 是基于 antfu/starter-vscode 的 VSCode 扩展项目模板技能,面向扩展开发者。它介绍使用 reactive-vscode、tsdown 和 vscode-ext-gen 的约定式流程,涵盖入口、调试、打包与发布。

主要功能

  1. 01搭建 VSCode 扩展模板
  2. 02使用 reactive-vscode 组合式 API
  3. 03通过 tsdown 构建单个 CJS 包
  4. 04生成类型安全的 contributes 元数据
  5. 05涵盖调试、打包与发布

适用场景

  1. 01启动 VSCode 扩展项目
  2. 02配置扩展入口和 contributes
  3. 03在 Extension Host 中调试
  4. 04准备扩展打包或发布

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/hairyf/skills --skill arch-vscode

安装后在 Claude Code 中输入/arch-vscode确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

GENERATION.md
assets/
ci.yml
references/
best-practices-vscode-ext.md
core-ci.md
core-config.md
core-contributes.md
core-development.md
core-extension-entry.md
core-logging.md
core-overview.md
core-scripts.md
core-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、deactivatecore-extension-entry
配置defineConfig、生成的作用域配置core-config
日志defineLogger、displayNamecore-logging
tsdown 构建CJS、external vscode、build:prepare 钩子core-tsdown-build
脚本build、dev、update、release、ext:package、ext:publishcore-scripts
Contributescommands、configuration、activationEventscore-contributes
开发launch.json、tasks.json、Extension Hostcore-development
CIGitHub Actions 工作流 — lint、typecheck、build、testcore-ci

最佳实践

主题描述参考
VSCode 扩展入口、contributes、meta、激活、发布best-practices-vscode-ext

评论

支持 Markdown