react-native項目調試配置
初學RN,發現調試不知道該怎麼調試,於是上百度翻閱資料,經過勘查一番終於大功告成,順利完成熱更新和Chrome瀏覽器中查看調試步驟和內容。
##第一步在當前項目文件夾下,打開命令行(cmd)運行下面命令:
react-native run-android
- 運行後看到如下圖,說明啓動成功
##第二步我們迴歸重點,實現Chrome中查看和調試:
- 啓動成功後我們可以選中模擬器,按組合鍵,看到如下圖;
- 點擊 “Dev Settings”,看到"Debug server host & prot for device",在彈出欄中輸入IP和端口;
##第三步打開Chrome瀏覽器,輸入剛剛填寫的IP和端口回車,此時我們已經可以看到我們在代碼中要打印的內容了:
到此爲止我們就可以想開發前端頁面一樣,很方便的去查看或打印我們代碼中的內容了 。