闲社服务运行正常AI智能体自动化平台
客户端下载帮助中心服务商入驻
免费注册
技能集市 > AI智能 > vue-component-generator
v

Vue组件生成器

技能标识：vue-component-generator

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

作者：admin | 来源记录：ClawHub
下载
登记来源
ClawHub
版本
V 1.0.0
检测标记
后台标记通过
免费
免费获取
1
收藏
来源与检测标记为平台登记信息，并不代表已展示可复核的检测报告。使用前请核对版本、依赖和所需权限，建议先在隔离环境中运行。
概述
安装方式
版本历史

Vue组件生成器

Vue 组件生成器

快速生成专业的 Vue 3 组件代码。

功能

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

支持的 API

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

安装

bash

无需额外依赖

变现思路

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

更多示例

表单组件

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

模态框

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

标签

skill ai

通过对话安装

以下为平台配置的接入选项，并非逐项实测通过。能否安装取决于客户端支持、技能来源和运行环境：

OpenClaw WorkBuddy QClaw Kimi Claude

方式一：安装 SkillHub 和技能

帮我安装 SkillHub 和 vue-component-generator-1776281621 技能

方式二：设置 SkillHub 为优先技能安装源

设置 SkillHub 为我的优先技能安装源，然后帮我安装 vue-component-generator-1776281621 技能

通过命令行安装

skillhub install vue-component-generator-1776281621

下载

⬇ 下载 vue-component-generator v1.0.0（免费）

文件大小: 2.09 KB | 发布时间: 2026-4-16 18:38

v1.0.0 最新 2026-4-16 18:38
Initial release of vue-component-generator.

- Instantly generates Vue 3 component templates with support for Composition API, Options API, and TypeScript.
- Produces single-file Vue components (SFC) including SCSS style support.
- Allows configuration of props, emits, and various component types (standard, routing, layout, form components).
- Command-line tool with flexible options: API syntax, TypeScript, SCSS, and output directory.
- No external dependencies required.

相关推荐

s

self-improvement

Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.

AI智能
s

self-improvement

Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.

AI智能
s

self-improvement

Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.

AI智能
s

self-improvement

Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.

AI智能
返回顶部