前言
最近在公司開始做一個米家的插件,用到了React Native属百,之前沒有接觸過相關東西,現在只能磕磕絆絆的摸索了变姨,在摸索的時候族扰,就發(fā)現使用 console.log()
等控制臺輸出的方法,沒法看到內容定欧,經過一番查找資料渔呵,終于找到了方法,所以才有了今天這篇文章
目前我只在Android上探索砍鸠,所以只有Android設備的相關方式扩氢,iOS設備會在后續(xù)使用的時候,進行更新
注意
- 本文基于米家插件的開發(fā)
- 電腦是Mac
- 手機是Android
安裝adb
adb 全稱 Android Debug Bridge
- 命令行輸入
adb
爷辱,如果出現/bin/sh: adb: command not found
类茂,則說明沒有安裝耍属,或者環(huán)境變量配置出錯 - 使用 brew 進行安裝
brew cask install android-platform-tools
image - 安裝成功后,可以在命令行輸入
adb
巩检,如果輸出版本號及其他相關內容厚骗,說明安裝是成功的
image
啟動項目
- 使用數據線連接到電腦上(局域網連接貌似不行,當然兢哭,也可能是我的姿勢不對)领舰;
- 在項目根目錄運行
npm start
命令啟動項目; - 在米家APP開發(fā)者設置選項中打開自己要調試的擴展迟螺;
輸出日志
- 在控制臺運行以下命令開啟控制臺日志輸出
npx react-native log-android
- 手機上會彈出提示冲秽,在手機上點擊同意USB調試;
- 在項目里寫上
console.log('控制臺調試日志測試')
矩父,點擊刷新JS锉桑,就能看到以下效果了
image