mcpField
V
vue-component-generator

vue-component-generator

github.com/jeremylongshore开发2.9k56 次安装2 天前更新
代码仓库

关于 vue-component-generator

面向前端开发的技能,用于协助处理 Vue 组件生成任务,提供分步指导、代码与配置生成以及输出验证。

主要功能

  1. 01Vue 组件生成指导
  2. 02生成代码与配置
  3. 03遵循常见实践
  4. 04验证输出标准

适用场景

  1. 01生成 Vue 组件代码
  2. 02获取组件开发实践建议
  3. 03检查生成结果是否符合常见标准

安装

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

$npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill vue-component-generator

安装后在 Claude Code 中输入/vue-component-generator确认已加载。

详细介绍

Vue 组件生成器

概述

此技能为前端开发领域中的 Vue 组件生成器任务提供自动化辅助。

使用时机

在以下情况下,此技能会自动激活:

  • 在请求中提及“vue component generator”
  • 询问 Vue 组件生成器模式或最佳实践
  • 需要涵盖 react、vue、css、无障碍功能、性能优化和现代 Web 开发模式的前端技能方面的帮助。

说明

  1. 提供 Vue 组件生成器的分步指导
  2. 遵循行业最佳实践和模式
  3. 生成可用于生产环境的代码和配置
  4. 根据通用标准验证输出

示例

示例:基本用法 请求:“帮助我使用 Vue 组件生成器” 结果:提供分步指导并生成适当的配置

前提条件

  • 已配置相关开发环境
  • 可访问必要的工具和服务
  • 对前端开发概念有基本了解

输出

  • 生成的配置和代码
  • 最佳实践建议
  • 验证结果

错误处理

错误原因解决方案
配置无效缺少必需字段查看文档,了解必需参数
未找到工具未安装依赖项根据前提条件安装所需工具
权限被拒绝访问权限不足验证凭据和权限

资源

  • 相关工具的官方文档
  • 最佳实践指南
  • 社区示例和教程

相关技能

属于前端开发技能类别。 标签:react、vue、css、无障碍功能、web

评论

支持 Markdown