uniapp小程序项目的开发环境准备,手机调试,微信小程序调试

1,096 阅读1分钟

1. 工具准备:

HBuilderx去官网下载最新版。

微信开发者工具去微信公众平台下载最新版。

2. window操作系统,连接安卓手机,进行真机调试

  1. 先用HBuilderx随便创建个uniapp项目

  2. 手机和电脑用数据线连接

  3. 点运行--运行到手机或者模拟器--下载真机运行插件。(仅第一次要下载)

image.png

  1. 再次点击运行--运行到手机或模拟器--(打开你要运行的项目中某个文件夹)

  2. 再次点击运行--运行到手机或模拟器--运行到Andorid APP基座(第一次会下载uniapp依赖)

  3. 再次点击--运行到手机或模拟器--重新运行,就会和手机建立连接了。

注意:第五步前可能会出现没有检测到设备的情况,可以打开手机把usb调试打开,如下:

image.png image.png image.png image.png

微信小程序的调试

  1. 运行--运行到小程序模拟器--微信开发者工具

image.png

  1. 设置路径

image.png

  1. 自己打开微信开发者工具,按提示开启服务端口

image.png

  1. 然后微信开发者工具就可以调试了。

image.png