vite-lib-vue-pnpm-starter-skill
快速搭建基于Vite、Vue 3和pnpm的组件库开发脚手架。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：vite-lib-vue-pnpm-starter-skill。 它的用途是：快速搭建基于Vite、Vue 3和pnpm的组件库开发脚手架。 完整的 Skill 内容见：https://321skill.com/skills/vite-lib-vue-pnpm-starter-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要启动一个新的Vue 3 UI组件库项目，请帮我初始化一个规范的项目结构。”，它会引导你使用此Skill快速生成一个包含库源码、构建配置、类型支持和本地测试环境的完整项目模板，让你能立即开始编写组件代码。
介绍
这个Skill旨在解决开发者从零开始搭建一个现代化、类型安全的Vue 3组件库项目时，繁琐的配置和初始化工作。它提供了一个开箱即用的项目模板，集成了Vite构建工具、TypeScript支持、pnpm工作区管理以及一个用于本地测试的playground环境，能自动生成类型声明文件。
使用方式非常简单，通过一条npx命令即可将模板添加到你的项目中，然后按照生成的目录结构进行开发。主要工作流包括安装依赖、构建库文件以及启动playground进行实时测试和调试。
它非常适合需要发布和维护自有Vue组件库的前端开发者、团队技术负责人，或者希望学习现代前端库构建流程的高校学生。使用这个模板可以确保项目结构规范、构建配置最佳实践，并支持高效的本地开发体验。
建议在使用前确保本地环境已安装pnpm。由于模板将Vue设置为外部依赖，使用最终构建产物的项目需要自行安装Vue。对于简单的单组件项目或不需要monorepo结构的场景，可以考虑更轻量的方案。
核心特点
与官方Vite模板或其它通用脚手架相比，它专门为Vue 3组件库场景深度定制，内置了pnpm workspace monorepo结构，将库源码与测试playground分离管理，并预置了完整的类型声明生成和库构建配置，无需开发者再手动拼凑和调试Rollup配置。
注意事项
仅支持pnpm作为包管理器，且要求使用Vue 3，Vue被设置为外部依赖需由使用方项目自行提供。
常见问题
这个Skill和直接用Vite官方命令创建Vue项目有什么区别？
这是专门为构建可发布的组件库设计的，包含了库模式构建、类型生成、monorepo工作区等配置，而官方模板主要生成单页应用(SPA)。
必须使用pnpm吗？能用npm或yarn吗？
是的，此模板深度依赖pnpm workspace功能来管理monorepo，目前不支持npm或yarn。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/vite-lib-vue-pnpm-starter-skill/raw/index.md 读取 vite-lib-vue-pnpm-starter-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/vite-lib-vue-pnpm-starter-skill/raw/index.md（查看排版版本）