VS Code 开发 RN 无线 android 真机调试

前言：平时多端开发安卓真机调试开发的时候，一直都是有线连接安卓真机进行调试的，这样总是感觉不是很方便，比如说手机数据线接口有时候断触或断开，这样又需要重新安装应用 apk，很是不方便。于是就去了解了一下安卓无线真机调试

环境配置

mac 多端 android 环境配置

插件安装

vs code 商店搜索插件 ADB Interface for VSCode 并安装

步骤

1. 手机通过数据线与电脑连接

查看设备是否连接成功 [注: 只要显示连接设备即可]

adb devices
复制代码

2. 打开 vscode 命令面板并执行下面命令

• 打开命令面板 cmd + shift + p
• 以此执行下面命令

Disconnect from any devices
复制代码

执行结果：

Reset connected devices port
复制代码

输入端口号 5555

Connect to device IP
复制代码

输入手机网络 IP 地址后回车，再输入端口号 5555

3. 执行步骤 2 命令后就可以拔掉数据线了，后面操作基本和连接数据线进行真机调试步骤一样了

• 查看此时连接的手机设备, 可以看到设备名称为步骤 2 中输入的手机网络 ip:prot

adb devices
复制代码

• 启动 android 命令, 此时安装包会在手机上请求安装（按正常软件安装即可）

npm run android
复制代码

• 按照正常 rn 配置的启动命令操作, 默认启动端口号为: 8081

npm run start
复制代码

• 网站上输入 localhost:8081 可以看到下面内容

vscode 控制台也可以看到访问日志和调试日志

表示 server 正在运行，电脑端配置完毕

4. 配置手机的 debug setting 让手机连接到电脑的这个端口获取脚本

• 摇晃手机打开开发者菜单界面

• 选择 Settings, 点击 Debug server host & port for device ，输入电脑无线网络 ip和前面启动服务的端口号 8081

192.168.0.2.8081
复制代码

• 摇晃手机点击 Reload，或者退出应用重新进，就发现 app 运行成功了，日志输出在 vscode 的控制台上面