🎁 Get the FREE AI Skills Starter GuideSubscribe →
BytesAgainBytesAgain
🦀 ClawHub

Vue Component Generator

by @sunshine-del-ux

生成 Vue 3 组件模板,支持 Composition API、Options API、TypeScript、SFC 单文件组件,一键生成完整 Vue 组件代码。

Versionv1.0.0
Downloads1,376
Stars1
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 组件代码。

功能

  • ⚡ 一键生成组件
  • 📝 支持 TypeScript
  • 🎯 Composition API / Options API
  • 🎨 SCSS 样式支持
  • 📖 Props/Emits 定义
  • 支持的 API

    | API | 说明 | |-----|------| | composition | Composition API (推荐) | | options | Options API | | script-setup |

    安装

    # 无需额外依赖
    

    变现思路

    1. 组件库模板 - 销售专业组件库模板 2. 企业服务 - 定制 Vue 组件 3. 培训 - Vue 开发培训

    更多示例

    表单组件

    vue-component-generator InputField --api composition --typescript
    

    模态框

    vue-component-generator Modal --api composition --scss