uniapp-project-creator

何时使用此技能

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

• 从头创建新的 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、项目创建器、项目初始化、HBuilderX、Vue CLI、manifest.json、pages.json、uni-app 设置、uni-app 模板、创建项目、项目初始化、快速开始