react-native项目调试配置
初学RN,发现调试不知道该怎么调试,于是上百度翻阅资料,经过勘查一番终于大功告成,顺利完成热更新和Chrome浏览器中查看调试步骤和内容。
##第一步在当前项目文件夹下,打开命令行(cmd)运行下面命令:
react-native run-android
- 运行后看到如下图,说明启动成功
##第二步我们回归重点,实现Chrome中查看和调试:
- 启动成功后我们可以选中模拟器,按 C t r l + M \color{#FF0000}{Ctrl+M} Ctrl+M组合键,看到如下图;
- 点击 “Dev Settings”,看到"Debug server host & prot for device",在弹出栏中输入IP和端口;
##第三步打开Chrome浏览器,输入刚刚填写的IP和端口回车,此时我们已经可以看到我们在代码中要打印的内容了:
到此为止我们就可以想开发前端页面一样,很方便的去查看或打印我们代码中的内容了 。