## 一. 安装Hbuilder编辑工具 uni-app官方推荐的轻量级代码IDE工具, 下载地址: https://www.dcloud.io/hbuilderx.html 具体安装流程官方网站上写的很详细, 用户可以选择对应您本地系统环境的版本下载. ## 二. 导入项目 项目仓库地址: - 码云: https://gitee.com/WanYueKeJi/wanyue_education_uniapp - github仓库地址: https://github.com/WanyueKJ/wanyue_education_uniapp 克隆下来之后, 打开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://img.kancloud.cn/9e/5f/9e5fe15c2a5ef60a901713d48e16ca3c_763x177.png) ### 小程序 点击运行到小程序->选择小程序开发者工具即可 注: 一定要提前安装好微信开发者工具. **微信开发者工具安装和配置流程:** - 官方下载地址: 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直接运行即可