react-native项目调试配置

初学RN，发现调试不知道该怎么调试，于是上百度翻阅资料，经过勘查一番终于大功告成，顺利完成热更新和Chrome浏览器中查看调试步骤和内容。

第一步在当前项目文件夹下，打开命令行（cmd）运行下面命令：

react-native run-android

• 运行后看到如下图，说明启动成功

  
  微信截图_20190819164357.png

第二步我们回归重点，实现Chrome中查看和调试：

• 启动成功后我们可以选中模拟器，按组合键，看到如下图；

• 点击 "Dev Settings"，看到"Debug server host & prot for device"，在弹出栏中输入IP和端口；

  
  微信截图_20190819170327.png
  微信截图_20190819170706.png

微信截图_20190819170722.png

第三步打开Chrome浏览器，输入刚刚填写的IP和端口回车，此时我们已经可以看到我们在代码中要打印的内容了：

微信截图_20190819171725.png
微信截图_20190819171715.png

到此为止我们就可以想开发前端页面一样，很方便的去查看或打印我们代码中的内容了 。