# 安装
## 一. 安装Hbuilder编辑工具
uni-app官方推荐的轻量级代码IDE工具, 下载地址: <https://www.dcloud.io/hbuilderx.html>
具体安装流程官方网站上写的很详细, 用户可以选择对应您本地系统环境的版本下载.
## 二. 导入项目
项目仓库地址:
- 码云: [https://gitee.com/WanYueKeJi/wanyue\_dangjian](https://gitee.com/WanYueKeJi/wanyue_dangjian)
- github仓库地址:
克隆下来之后, 打开Hbuilder编辑器. 选择文件, 导入或打开目录即可.
![](https://img.kancloud.cn/45/c9/45c999a0426880fe4973d81212bed140_587x266.png)
## 三.运行
运行分3种方式, APP运行、小程序、H5
### APP运行
![](https://img.kancloud.cn/24/34/24344aaf868de6fc03340bfb5255821b_766x159.png)
电脑插上安卓手机(苹果手机需要用MAC本), 点击运行->运行到手机或模拟器
**当显示同步手机端文件完成, 则代表运行成功**, **切记安卓手机要打开USB调试模式, 否则电脑不会识别**
### 小程序
点击运行到小程序->选择小程序开发者工具即可
注: 一定要提前安装好微信开发者工具.
**微信开发者工具安装和配置流程:**
- 官方下载地址: <https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html>
选择和您系统匹配的版本安装.
- 安装好微信开发者工具后, 点击Hbuilder 运行->运行到小程序模拟器->运行设置
![](https://img.kancloud.cn/9c/70/9c7077e5c78b79a2a53d38ea45f72880_591x400.png)
- 配置小程序开发者工具路径
![](https://img.kancloud.cn/61/ec/61ecf633d2d1bb95e9856612764e908c_1038x553.png)
- 配置小程序开发者工具的APPID
项目根目录下有个manifest.json文件
![](https://img.kancloud.cn/4b/2c/4b2c65b80493711d297a0ca0f1ef4292_776x664.png)
注: **如果想调试代码并在小程序调试的话, 请在Hbuilder中修改代码, 然后再点击运行到小程序看效果. 直接在小程序开发者工具中修改是无效的.**
### H5
点击运行->浏览器->选择您系统的浏览器即可, 推荐谷歌浏览器
![](https://img.kancloud.cn/ea/80/ea80958266ff1a8e18861187c2d48c85_459x197.png)
**总结:**
\- windows系统用安卓机
\- MAC系统用苹果机,
\- 小程序需要下载微信开发者工具, 并配置APPID和运行路径
\- H5直接运行即可