Back to Details

uniapp-project-creator

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

When to use this skill

适用场景

Use this skill whenever the user wants to:
  • Create a new uni-app project from scratch
  • Initialize uni-app project structure and configuration files
  • Set up development environment for uni-app
  • Generate project templates with different configurations
  • Configure manifest.json and pages.json files
  • Create uni-app pages and components
  • Set up uni-app project with HBuilderX or CLI
每当用户有以下需求时，可使用本技能：
  • 从零开始创建新的uni-app项目
  • 初始化uni-app项目结构与配置文件
  • 搭建uni-app开发环境
  • 生成不同配置的项目模板
  • 配置manifest.json和pages.json文件
  • 创建uni-app页面与组件
  • 使用HBuilderX或CLI搭建uni-app项目

How to use this skill

使用方法

To create a uni-app project with a single command or via HBuilderX:
  1. Identify the project type from the user's request:
    • Standard uni-app project → Use Vue 2 or Vue 3 template
    • HBuilderX project → Use HBuilderX creation method
    • CLI project → Use Vue CLI or official CLI commands
  2. Load the appropriate example file from the 
    examples/guide/
    directory:
    • examples/guide/installation.md
      - Installation and environment setup
    • examples/guide/quick-start.md
      - Quick start guide
    • examples/guide/project-types.md
      - Different project types and templates
  3. Load the appropriate template file from the 
    templates/
    directory:
    • templates/project-templates.md
      - Project structure templates
    • templates/cli-commands.md
      - CLI command templates
  4. Follow the specific instructions in those files for project creation, structure, and configuration
  5. Generate the project structure with proper files and configurations
Important Notes:
  • This skill focuses on uni-app CLI quickstart and HBuilderX creation flows
  • Use one command creation when the user wants "一句话创建"
  • Ensure Vue 2/Vue 3 template choice matches the user's target stack
要通过单命令或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 and Templates

示例与模板

Examples

示例

Located in 
examples/guide/
:
  • installation.md - Installation guide for uni-app development environment
  • quick-start.md - Quick start guide for creating first uni-app project
  • project-types.md - Different project types (Vue 2, Vue 3, TypeScript, etc.)
位于
examples/guide/
目录下：
  • installation.md - uni-app开发环境安装指南
  • quick-start.md - 创建首个uni-app项目的快速入门指南
  • project-types.md - 不同项目类型（Vue 2、Vue 3、TypeScript等）

Templates

模板

Located in 
templates/
:
  • project-templates.md - Complete project structure templates
  • cli-commands.md - CLI command templates for project creation
位于
templates/
目录下：
  • project-templates.md - 完整项目结构模板
  • cli-commands.md - 项目创建的CLI命令模板

API Reference

API参考

This skill focuses on project creation and initialization. For component and API references, see 
uniapp-project-guide
.
本技能聚焦于项目创建与初始化。如需组件及API参考，请查看
uniapp-project-guide
。

Best Practices

最佳实践

  1. Choose the right template: Select Vue 2 or Vue 3 based on project requirements
  2. Configure properly: Set up manifest.json and pages.json correctly
  3. Organize structure: Follow standard uni-app directory structure
  4. Use CLI when possible: CLI provides more flexibility than HBuilderX
  5. Version control: Initialize git repository after project creation
  1. 选择合适的模板：根据项目需求选择Vue 2或Vue 3
  2. 正确配置：准确设置manifest.json和pages.json
  3. 规范结构：遵循标准uni-app目录结构
  4. 优先使用CLI：CLI比HBuilderX提供更高的灵活性
  5. 版本控制：项目创建后初始化git仓库

Resources

资源

Keywords

关键词

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