一、uni- app概述
### 1.1 uni-app 简介
uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码，可发布到 IOS、Android、H5、以及各种小城、快应用等多个平台
官方文档见：https://uniapp.dcloud.net.cn/
1.2 开发工具
uni-app 官方推荐使用 HBuilderX来开发 uni-app 类型的项目
主要好处：
- 模板丰富
- 完善的智能提示
- 一键运行
1.3 项目目录结构
一个 uni-app 项目，默认包含如下目录及文件：
- components：uni-app 组件目录
- com-a.vue：可复用的 a 组件
- pages：业务页面文件存放的目录
- index
- index.vue：index 页面
- list
- list.vue：list页面
- static：存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
- main.js：Vue 初始化入口文件
- App.vue：引用配置，用来配置小程序的全局样式、生命周期函数等
- manifest.json：配置应用名称、appid、logo、版本等打包信息
- pages.json：配置页面路径、页面窗口样式、tabBar、navigationBar 等页面类信息
1.4 项目运行到微信开发者工具
- 填写微信小程序的 AppID
- 在 HBuilderX 中配置“微信开发者工具”的安装路径：
- 在微信开发者工具中，通过 设置 -> 安全设置 面板，开启“微信开发者工具”的 服务端口
- 在 HBuilderX 中，点击菜单栏中的 运行 -> 运行到小程序模拟器 -> 微信开发者工具 ，将当前 uni-app 项目编译之后，自动运行到微信开发者工具中
1.5 使用 Git 管理项目
1.5.1 本地管理
- 在项目根目录中新建 .gitignore 忽略文件，并作如下配置：
- # 忽略 node_modules 目录/node_modules/unpackage/dist
- 注意：由于忽略了 unpackage 目录中仅有的 dist 目录，因此默认情况下，unpackage 目录不会被 Git 追踪。为了让 Git 能够正常追踪 unpackage 目录，按照惯例，可以在 unpackage 目录下创建一个叫 .gitkeep 的文件进行占位
- 打开项目的根目录，右键打开Git Bash Here，运行如下命令：
- 初始化本地 Git 仓库
- git init
- 将所有文件都加入到暂存区
- git add .
- .代表所有的文件，也可以写具体的文件名
- 本地提交更新：
- git commit -m "init project"
- “init project”：可以任意
- 关联本地仓库到 gitee 上
- git remote add origin 仓库的url地址
- 上传代码到 gitee 仓库
- git push -u origin master