uniapp本地启动开发教程(HBuilder、微信开发者工具)

  • 准备工作

1.1 软件HBuilder

下载地址 ==》https://www.dcloud.io/hbuilderx.html

1.2软件 微信开发者工具

下载地址 ===》https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

界面如下

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第1张图片

 

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第2张图片

  • 设置

2.1 项目导入

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第3张图片

2.2 设置微信appid

点击该地址 申请一个测试账号即可  https://developers.weixin.qq.com/sandbox?tab=miniprogram&hl=zh

需要微信扫码哦

界面如下

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第4张图片

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第5张图片

2.3 打开微信开发者工具,设置代理

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第6张图片

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第7张图片

 

  • 启动

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第8张图片

第一次启动时,需要选择对应微信开发者工具文件夹

启动后效果如下 

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第9张图片

会一直打转 。需要另外再加一个配置

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第10张图片

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第11张图片

即可。

项目启动成功

uniapp本地启动开发教程(HBuilder、微信开发者工具)_第12张图片

 

 

你可能感兴趣的:(随手笔记,uniapp,Hbuildx,微信开发者工具,前端开发)