- 开启手机USB调试(在设置->更多设置->开发者选项->USB调试),同时打开USB安装(一定要打开USB调试开关,否则会报错)
- 检查真机跟电脑是否连接成功
命令为:
adb devices
结果为:
14ed2fcc device
则真机跟电脑连接成功
- 在项目目录下,启动运用
react-native run-android
在此过程中会弹出安装提示,要确认通过安装才可进行安装
-
通过真机上的menu按键或者摇晃手机会出现一个菜单,然后选择"Debug JS Remotely"选项,即可以开始在 Chrome 中调试 JavaScript 代码。点击这个选项的同时会自动打开调试页面 http://localhost:8081/debugger-ui.
-
在vscode上运行:在vscode中安装React Native Tools插件,然后按F1,输入react选择在Android设备上运行即可,也可以使用命令react-native run-android
-
在vscode上调试:按F5进入调试,在设置文件launch.json中配置:
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug Android",
"program": "${workspaceRoot}/.vscode/launchReactNative.js",
"type": "reactnative",
"request": "launch",
"platform": "android",
"sourceMaps": true,
"outDir": "${workspaceRoot}/.vscode/.react"
},
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8081/debugger-ui",
"webRoot": "${workspaceFolder}"
}
]
}
然后按下debug就可以进行断点调试了