【uni-app】开源下载和安装教程

1、项目介绍

uni-app 是一个基于 Vue.js 的跨平台前端框架，支持开发小程序、Web及App应用。开发者只需编写一次代码，即可编译到微信/支付宝/百度等小程序、iOS/Android/HarmonyOS等App平台以及Web端，实现多端覆盖。

2、项目下载位置

• 官方GitHub仓库：https://github.com/dcloudio/uni-app
• 通过HBuilderX IDE内置模板创建（推荐）
• 通过npm安装脚手架工具：npm install -g @vue/cli

3、项目安装环境配置

环境要求

• Node.js 14.x 或更高版本
• npm/yarn 包管理器
• HBuilderX（可选，官方推荐IDE）

配置示例

安装Node.js后验证版本：

node -v
npm -v

4、项目安装方式

方式一：通过HBuilderX（可视化）

1. 下载安装HBuilderX（官网提供Windows/Mac版）
2. 新建项目 → 选择uni-app模板
3. 点击运行按钮选择目标平台

方式二：通过vue-cli（命令行）

# 全局安装vue-cli
npm install -g @vue/cli

# 创建uni-app项目
vue create -p dcloudio/uni-preset-vue my-project

# 进入项目目录并运行
cd my-project
npm run dev:%PLATFORM%  # 如dev:mp-weixin

5、项目处理脚本

常用npm脚本

{
  "scripts": {
    "dev": "uni -p",          // 开发环境运行
    "build": "uni build",     // 生产环境打包
    "lint": "eslint ."        // 代码检查
  }
}

平台编译示例

# 编译微信小程序
npm run build:mp-weixin

# 编译H5
npm run build:h5

提示：首次编译会自动安装依赖，若遇到网络问题可配置国内镜像源。