react-native項目調試配置

react-native項目調試配置

初學RN,發現調試不知道該怎麼調試,於是上百度翻閱資料,經過勘查一番終於大功告成,順利完成熱更新和Chrome瀏覽器中查看調試步驟和內容。

##第一步在當前項目文件夾下,打開命令行(cmd)運行下面命令:

react-native run-android
  • 運行後看到如下圖,說明啓動成功
    微信截圖_20190819164357.png

##第二步我們迴歸重點,實現Chrome中查看和調試:

  • 啓動成功後我們可以選中模擬器,按Ctrl+M\color{#FF0000}{Ctrl+M}組合鍵,看到如下圖;
  • 點擊 “Dev Settings”,看到"Debug server host & prot for device",在彈出欄中輸入IP和端口;
    微信截圖_20190819170327.png
    微信截圖_20190819170706.png

微信截圖_20190819170722.png

##第三步打開Chrome瀏覽器,輸入剛剛填寫的IP和端口回車,此時我們已經可以看到我們在代碼中要打印的內容了:
微信截圖_20190819171725.png
微信截圖_20190819171715.png

到此爲止我們就可以想開發前端頁面一樣,很方便的去查看或打印我們代碼中的內容了 。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章