网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

时间:2024-10-15 00:49:18

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

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

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

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

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

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

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

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

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

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

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

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

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

© 2025 一点资料
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com