版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yingzizizizizizzz/article/details/82387953
1、从官网下载安装react-native-debugger
这个就找了半天，因为看到英文文档就看不下去，然后兜兜转转还是在官网上找的，怪我怪我，浪费时间
https://github.com/jhen0409/react-native-debugger/releases
解压后点击其中的exe，就会出现高大上的界面
2、调试
先看官方文档：https://github.com/jhen0409/react-native-debugger/blob/master/docs/getting-started.md
- 把http://localhost:8081/debugger-ui/ 调试界面关掉
- 打开react-native debugger
- 点击手机上的Remote JS Debugging
就能看到下面这样页面啦~~~还能调试，界面也高大上，感觉很厉害的样子O(∩_∩)O，哈哈
3、想要实时看到css代码更新后样式的变化
Enable Hot Reloading
启用热加载，同样是实现页面的自动刷新。
热加载的思想是运行时动态注入修改后的文件内容，同时不中断 APP 的正常运行。这样，我们就不会丢失 APP 的任何状态信息，尤其是 UI 页面栈相关的。
4、想要实时看到js代码更新后功能的变化
Enable Live Reload
该功能主要用来实现自动刷新。当我们将实时加载启用后，如果应用中的 JavaScript 代码有任何修改，它都会自动帮我们更新，不需要人为去操作刷新功能。
热加载（Hot Reloading）与上面提到的实时加载（Live Reload）最关键的区别：
（1）实时加载应用更新时需要刷新当前页面，可以看到明显的全局刷新效果。
（2）而热加载基本上看不出刷新的效果，类似于局部刷新。