react-native项目调试配置

react-native项目调试配置

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

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

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

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

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

微信截图_20190819170722.png

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章