mcpField
U
uniappx-project-creator

uniappx-project-creator

github.com/full-stack-skills开发11110 次安装4 周前更新
代码仓库

关于 uniappx-project-creator

用于创建和初始化 uni-app-x 项目的技能，面向通过 CLI 或 HBuilderX 搭建 TypeScript 与 Vue 3 项目的开发者。它提供项目类型指引、设置示例以及结构和命令模板。

主要功能

  1. 01提供 CLI 与 HBuilderX 创建指引
  2. 02配置 TypeScript 和 Vue 3 项目
  3. 03提供项目类型与快速入门示例
  4. 04提供结构和 CLI 命令模板
  5. 05指导配置 manifest.json 与 pages.json

适用场景

  1. 01从头初始化 uni-app-x 项目
  2. 02选择项目模板和创建方式
  3. 03设置项目文件与 TypeScript 配置

安装

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

$npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniappx-project-creator

安装后在 Claude Code 中输入/uniappx-project-creator确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

agents/
openai.yaml
examples/guide/
installation.md
project-types.md
quick-start.md
templates/
cli-commands.md
project-templates.md

详细介绍

何时使用此技能

当用户希望执行以下操作时，请使用此技能：

  • 从头创建新的 uni-app-x 项目
  • 使用 TypeScript 和 Vue 3 初始化 uni-app-x 项目结构
  • 设置 uni-app-x 开发环境
  • 生成带有 TypeScript 配置的项目模板
  • 配置 uni-app-x 的 manifest.json 和 pages.json
  • 使用 TypeScript 创建 uni-app-x 页面和组件
  • 使用 HBuilderX 或 CLI 设置 uni-app-x 项目

如何使用此技能

使用单条命令或通过 HBuilderX 创建 uni-app-x 项目：

  1. 根据用户的请求确定项目类型：

    • 标准 uni-app-x 项目 → 使用 TypeScript + Vue 3 模板
    • HBuilderX 项目 → 使用 HBuilderX 创建方式
    • CLI 项目 → 使用官方 CLI 命令

  2. 从 examples/guide/ 目录加载相应的示例文件：

    • examples/guide/installation.md - 安装和环境设置
    • examples/guide/quick-start.md - 快速入门指南
    • examples/guide/project-types.md - 不同的项目类型和模板

  3. 从 templates/ 目录加载相应的模板文件：

    • templates/project-templates.md - 项目结构模板
    • templates/cli-commands.md - CLI 命令模板

  4. 按照这些文件中的具体说明创建项目、组织结构并进行配置

  5. 生成具有正确 TypeScript 和 Vue 3 配置的项目结构

重要说明：

  • 此技能侧重于 uni-app-x CLI 快速入门和 HBuilderX 创建流程
  • 用户想要“一句话创建”时，使用单条命令创建
  • uni-app-x 需要 Vue 3 + TypeScript + Vite

示例和模板

示例

位于 examples/guide/：

  • installation.md - uni-app-x 开发环境安装指南
  • quick-start.md - 创建第一个 uni-app-x 项目的快速入门指南
  • project-types.md - 不同的项目类型和配置
模板

位于 templates/：

  • project-templates.md - 完整的项目结构模板，包含 TypeScript
  • cli-commands.md - 用于创建项目的 CLI 命令模板

API 参考

此技能侧重于项目创建和初始化。有关组件和 API 参考，请参阅 uniappx-project-guide。

最佳实践

  1. 使用 TypeScript：uni-app-x 需要 TypeScript，请确保类型定义正确
  2. Vue 3 Composition API：使用 Composition API 和 <script setup> 语法
  3. 正确配置：正确设置 manifest.json、pages.json 和 tsconfig.json
  4. 组织项目结构：遵循标准的 uni-app-x 目录结构
  5. 版本控制：创建项目后初始化 git 仓库

资源

关键词

uniappx, uni-app-x, 项目创建工具, TypeScript, Vue 3, 项目初始化, HBuilderX, manifest.json, pages.json, uni-app-x 设置, uni-app-x 模板, 创建项目, 项目初始化, 快速开始

评论

支持 Markdown