react-native模拟机调试步骤详解 ——亲测有效!!!!

步骤

  1. 1

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

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

    链接完成之后,运行安装react-native项目!react-native run-android

    在运行这个命令之前,最好先开启项目运行服务,react-native start

    有的情况下,在run-android的时候,会自动开启服务,

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

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

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

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

    那我们先一步步来,获取IP地址:运行->ipconfig获取IP地址

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

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

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

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

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

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

猜你喜欢

转载自www.cnblogs.com/lguow/p/9183510.html