【hello-uniapp】开源下载和安装教程

1、项目介绍

hello-uniapp 是 uni-app 官方提供的示例工程，展示了一套代码同时发布到 iOS、Android、H5、微信小程序等10个平台的跨端能力。基于 Vue.js 语法，开发者可通过此项目快速体验 uni-app 的多端适配特性。

2、项目下载位置

• GitHub仓库地址：dcloudio/hello-uniapp
• 通过以下方式直接获取代码：

  git clone https://github.com/dcloudio/hello-uniapp.git
  

3、项目安装环境配置

基础环境要求

• Node.js（≥14.x）
• npm/yarn
• HBuilderX（推荐使用App开发版）

配置示例

1. 安装Node.js
   
2. 安装HBuilderX
   

4、项目安装方式

方式一：HBuilderX可视化创建（推荐）

1. 下载并安装 HBuilderX
2. 打开HBuilderX → 新建 → 项目 → 选择uni-app → 勾选hello-uniapp模板
3. 点击创建后自动完成依赖安装

方式二：CLI命令行创建

npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project
# 选择`hello uni-app`模板
cd my-project

5、项目处理脚本

常用命令

脚本命令	功能描述
npm run dev:h5	运行到H5浏览器
npm run build	打包生产环境代码
npm run serve	启动本地开发服务器

自定义配置

可在vue.config.js中修改跨平台编译配置，例如：

module.exports = {
  transpileDependencies: ['@dcloudio/uni-ui']
}

注意：首次运行前需执行 npm install 安装依赖