React Native安卓真机调试

  1. 开启手机USB调试(在设置->更多设置->开发者选项->USB调试),同时打开USB安装(一定要打开USB调试开关,否则会报错)
  2. 检查真机跟电脑是否连接成功

命令为:

adb devices

结果为:

14ed2fcc device

则真机跟电脑连接成功

  1. 在项目目录下,启动运用
react-native run-android

在此过程中会弹出安装提示,要确认通过安装才可进行安装

  1. 通过真机上的menu按键或者摇晃手机会出现一个菜单,然后选择"Debug JS Remotely"选项,即可以开始在 Chrome 中调试 JavaScript 代码。点击这个选项的同时会自动打开调试页面 http://localhost:8081/debugger-ui.

  2. 在vscode上运行:在vscode中安装React Native Tools插件,然后按F1,输入react选择在Android设备上运行即可,也可以使用命令react-native run-android

  3. 在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就可以进行断点调试了

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值