react native 连模拟器

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

   

    查看被占用端口对应的PID，输入命令：netstat -aon|findstr "49157"，回车，记下最后一位数字，即PID,这里是2720

2. 2

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

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

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

   
3. 3

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

   
4. 4

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

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

   
5. 5

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

   

    
6. 6

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

   
7. 7

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