多语言展示
当前在线:821今日阅读:61今日分享:18

react-native模拟机调试与真机调试步骤

在上一文章中,初始化项目已经完成了,然而现在就是涉及调试问题了!有两种:1,模拟器调试,2.真机调试(android);这里只介绍android
工具/原料
1

android手机

2

夜神模拟器

方法/步骤
1

下载安装夜神模拟器,去夜神官网下载即可!然后安装完成!进入到初始化项目的目录,打开cmd命令,运行adb connect 127.0.0.1:62001 链接模拟器

2

链接完成之后,运行安装react-native项目!react-native run-android在运行这个命令之前,最好先开启项目运行服务,react-native start有的情况下,在run-android的时候,会自动开启服务,

3

等待安装debug版本的刚初始化的react-native项目!安装完成之后,打开模拟器中的APP,会看到一个react-native的欢迎页

4

这时候一个简单的刚初始化好的APP就安装在你的模拟器当中了,然而现在并不能进行调试开发,因为还需要配置以下几个东西:1.2.记录电脑的ip地址,可以在cmd命令当中运行ipconfig查询到ip4地址,3,打开模拟器浮窗,选择device settings 找到ports设置,运行服务IP加端口,也就是查询到的IP地址加8081端口,4.设置完成后,即可打开浮窗选择reload,就刷新的APP,开发调试流程成功!那我们先一步步来,获取IP地址:运行->ipconfig获取IP地址

5

然后打开模拟器浮窗,选择device settings,点击之后选择debug sever host ports那一项

6

然后输入之前查询到的IP地址加端口号,然后确定,点击返回,打开浮窗,选择reload就可以开始调试了!

7

这样,整个的模拟器调试流程,及过程就已经完成了!用IDE打开项目之后,修改了代码,直接打开浮窗,reload一下就可以看到效果了!

注意事项
1

获取IP地址加端口,

2

开启运行调试服务start

推荐信息