uni-app项目创建器Skill uniapp-project-creator

---

name: uniapp-project-creator description: 提供使用官方快速启动CLI一键创建uni-app项目的功能，包括项目初始化、配置和模板选择。当用户要求用单命令创建uni-app项目、需要初始化新的uni-app项目或生成uni-app项目结构时使用。 license: 完整条款在LICENSE.txt中

何时使用此技能

当用户想要以下内容时使用此技能：

• 从零开始创建新的uni-app项目
• 初始化uni-app项目结构和配置文件
• 设置uni-app开发环境
• 生成具有不同配置的项目模板
• 配置manifest.json和pages.json文件
• 创建uni-app页面和组件
• 使用HBuilderX或CLI设置uni-app项目

如何使用此技能

要通过单命令或通过HBuilderX创建uni-app项目：

1. 从用户的请求中识别项目类型：

   • 标准uni-app项目 → 使用Vue 2或Vue 3模板
   • HBuilderX项目 → 使用HBuilderX创建方法
   • CLI项目 → 使用Vue 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. 生成具有适当文件和配置的项目结构

重要说明：

• 此技能专注于uni-app CLI快速启动和HBuilderX创建流程
• 当用户想要“一句话创建”时使用一键创建
• 确保Vue 2/Vue 3模板选择匹配用户的目标技术栈

示例和模板

示例

位于examples/guide/目录：

• installation.md - uni-app开发环境安装指南
• quick-start.md - 创建第一个uni-app项目的快速启动指南
• project-types.md - 不同项目类型（Vue 2、Vue 3、TypeScript等）

模板

位于templates/目录：

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

API参考

此技能专注于项目创建和初始化。有关组件和API参考，请参见uniapp-project-guide。

最佳实践

1. 选择正确的模板：根据项目需求选择Vue 2或Vue 3
2. 正确配置：正确设置manifest.json和pages.json文件
3. 组织结构：遵循标准的uni-app目录结构
4. 尽可能使用CLI：CLI比HBuilderX提供更多灵活性
5. 版本控制：项目创建后初始化git仓库

资源

• 官方文档：https://uniapp.dcloud.net.cn/quickstart-cli.html
• HBuilderX：https://www.dcloud.io/hbuilderx.html
• Vue CLI：https://cli.vuejs.org/
• uni-app GitHub：https://github.com/dcloudio/uni-app

关键词

uniapp, uni-app, project creator, project initialization, HBuilderX, Vue CLI, manifest.json, pages.json, uni-app setup, uni-app template, 创建项目, 项目初始化, 快速开始