react-native项目调试配置

react-native项目调试配置

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

##第一步在当前项目文件夹下,打开命令行(cmd)运行下面命令:

react-native run-android
  • 运行后看到如下图,说明启动成功
    微信截图_20190819164357.png

##第二步我们回归重点,实现Chrome中查看和调试:

  • 启动成功后我们可以选中模拟器,按 C t r l + M \color{#FF0000}{Ctrl+M} Ctrl+M组合键,看到如下图;
  • 点击 “Dev Settings”,看到"Debug server host & prot for device",在弹出栏中输入IP和端口;
    微信截图_20190819170327.png
    微信截图_20190819170706.png

微信截图_20190819170722.png

##第三步打开Chrome浏览器,输入刚刚填写的IP和端口回车,此时我们已经可以看到我们在代码中要打印的内容了:
微信截图_20190819171725.png
微信截图_20190819171715.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值