React|React Native 在Mac控制台输出日志
前言
最近在公司开始做一个米家的插件，用到了React Native，之前没有接触过相关东西，现在只能磕磕绊绊的摸索了，在摸索的时候，就发现使用 console.log() 等控制台输出的方法，没法看到内容，经过一番查找资料，终于找到了方法，所以才有了今天这篇文章
目前我只在Android上探索，所以只有Android设备的相关方式，iOS设备会在后续使用的时候，进行更新
注意
- 本文基于米家插件的开发
- 电脑是Mac
- 手机是Android
【React|React Native 在Mac控制台输出日志】adb 全称 Android Debug Bridge
- 命令行输入
adb，如果出现/bin/sh: adb: command not found，则说明没有安装，或者环境变量配置出错 - 使用 brew 进行安装
brew cask install android-platform-tools
文章图片
image - 安装成功后，可以在命令行输入
adb，如果输出版本号及其他相关内容，说明安装是成功的
文章图片
image
- 使用数据线连接到电脑上（局域网连接貌似不行，当然，也可能是我的姿势不对）；
- 在项目根目录运行
npm start命令启动项目； - 在米家APP开发者设置选项中打开自己要调试的扩展；
- 在控制台运行以下命令开启控制台日志输出
npx react-native log-android
- 手机上会弹出提示，在手机上点击同意USB调试；
- 在项目里写上
console.log('控制台调试日志测试')，点击刷新JS，就能看到以下效果了
文章图片
image
- React Native 中文网
- adb安装教程（mac环境）
