🦀 ClawHub
Vue Component Generator
by @sunshine-del-ux
生成 Vue 3 组件模板,支持 Composition API、Options API、TypeScript、SFC 单文件组件,一键生成完整 Vue 组件代码。
TERMINAL
clawhub install vue-component-generator📖 About This Skill
name: vue-component-generator description: 生成 Vue 3 组件模板,支持 Composition API、Options API、TypeScript、SFC 单文件组件,一键生成完整 Vue 组件代码。 metadata: {"clawdbot":{"emoji":"💚","requires":{},"primaryEnv":""}}
Vue Component Generator
快速生成专业的 Vue 3 组件代码。
功能
支持的 API
| API | 说明 |
|-----|------|
| composition | Composition API (推荐) |
| options | Options API |
| script-setup | 语法 |
组件类型
使用方法
基本用法
# 生成 Composition API 组件
vue-component-generator MyButton --api composition生成 Options API 组件
vue-component-generator MyModal --api options生成 TypeScript 组件
vue-component-generator MyForm --typescript
选项
| 选项 | 说明 |
|------|------|
| --api, -a | API 类型 (composition/options) |
| --typescript, -t | 启用 TypeScript |
| --scss, -s | 启用 SCSS |
| --output, -o | 输出目录 |
输出示例
安装
# 无需额外依赖
变现思路
1. 组件库模板 - 销售专业组件库模板 2. 企业服务 - 定制 Vue 组件 3. 培训 - Vue 开发培训
更多示例
表单组件
vue-component-generator InputField --api composition --typescript
模态框
vue-component-generator Modal --api composition --scss