uni-app-x项目创建器Skill uniappx-project-creator

---

name: uniappx-project-creator description: 提供uni-app-x的一键项目创建，包括Vue 3 + TypeScript + Vite设置、配置和模板生成。当用户要求用单一命令创建uni-app-x项目、需要初始化新的uni-app-x项目或生成uni-app-x项目结构时使用。 license: 完整条款在LICENSE.txt中

何时使用此技能

使用此技能当用户想要：

• 从零开始创建新的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组合API：使用组合API与 <script setup> 语法
3. 正确配置：设置manifest.json、pages.json和tsconfig.json正确
4. 组织结构：遵循标准uni-app-x目录结构
5. 版本控制：项目创建后初始化git仓库

资源

• 官方文档：https://uniapp.dcloud.net.cn/quickstart-cli.html
• uni-app-x文档：https://doc.dcloud.net.cn/uni-app-x/
• HBuilderX：https://www.dcloud.io/hbuilderx.html
• TypeScript：https://www.typescriptlang.org/
• Vue 3：https://cn.vuejs.org/

关键词

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