react-native调试不友好,不像web端可以直接定位到具体组件,还可以选择相应的代码块。
主要调试工具可以配合使用Android Studio,Chrome,终端,真机提示等,我用的IDE是VS Code,一般使用Developer Menu中的debug in remotely,根据打印在Chrome控制台的信息进行开发。
这篇详细的关于Developer Menu的文章,比官网描述详细,值得一看
React Native调试技巧与心得
补充几点:
- 在虚拟机上进行调试可以通过双击R键进行reload
- 调试时只能有且只有一个机器(虚拟机或真机)连接可以使用
adb devices
来查看当前连接设备。
在Android5.0以上设备上,将手机通过usb连接到你的电脑,然后通过adb命令行工具运行如下命令来设置端口转发
adb reverse tcp:8081 tcp:8081
而且,除了摇晃手机,还可以使用adb shell input keyevent 82
来调出Developer Menu
如果你的终端无法识别adb命令,应在终端或者iTerm界面运行如下命令:
open ~/.bash_profile
这样就开了配置文件,然后在zshrc文件里面添加如下配置:
export ANDROID_HOME=/Users/*****/Library/Android/sdk(后面配