進行項目開發(fā)背稼,不可避免的就會進行代碼調(diào)試,本文主要介紹了React native 安卓模擬器的安裝及RN代碼的調(diào)試方法莲趣。
1.ios模擬器的安裝
在學(xué)習(xí)筆記(一)React Native環(huán)境安裝與應(yīng)用創(chuàng)建著重介紹了React Native ios開發(fā)環(huán)境的安裝步驟趴樱,其中有一項就是安裝ios的開發(fā)環(huán)境Xcode。
XCode中自帶ios模擬器贱纠。在終端中進入到RN項目根目錄下,輸入react-native run-ios就可以啟動ios模擬器了响蕴。
2. android模擬器安裝
在學(xué)習(xí)筆記(一)React Native環(huán)境安裝與應(yīng)用創(chuàng)建中介紹了進行React Native Android開發(fā)需要安裝的內(nèi)容,創(chuàng)建RN項目使用Webstorm開發(fā)RN項目后惠桃,我們使用Genymotion來運行安卓模擬器浦夷。安裝步驟如下:
(1)安裝?免費VirtualBox虛擬機
安裝到最后一步如果安裝失敗出現(xiàn)上面的錯誤提示,進行如下操作即可安裝成功:
1辜王、Download VirtualBox5.2 installer
2劈狐、Run the DMG, this creates a device
3、Attempt to install from .pkg file, it will fail at the validation step
4呐馆、Close installer and run the uninstaller.tool file. DO NOT DELETE THE INSTALLER DEVICE
5肥缔、Go to System Preferences -> Security and Privacy -> General and approve the blocked software from ‘Oracle America’
6、Run the install from the same .pkg file, it should now complete successfully
(2)去Genymotion的官網(wǎng)注冊賬號(填入正確郵箱會發(fā)鏈接驗證汹来、genymotio安裝后需要用此賬號登錄)后下載续膳,下載時可以選擇“Genymotion for personal use”免費使用。
(3)安裝完登錄后收班,添加自己的虛擬設(shè)備坟岔,點擊+按鈕,選擇自己需要的設(shè)備下載下來摔桦。
(4)第二個操作點擊settings社付,選擇adb設(shè)置Android SDK路徑,查看路徑的方法:在終端中輸入echo $ANDROID_HOME 命令邻耕,如果沒有路徑輸入鸥咖,就要檢查下自己的Android Studio有沒有安裝成功,或者安裝成功后路徑有沒有配置成功兄世。
(5)在Genymotion中選擇需要的模擬器啼辣,點擊Start按鈕運行起來。在RN項目路徑下輸入react-native run-android命令碘饼,即可實現(xiàn)RN代碼在Android模擬器上的運行熙兔”妫可以在終端中輸入adb命令,查看當前運行的安卓模擬器住涉。
3.RN項目調(diào)試工具和技巧
此篇文章詳細介紹RN的調(diào)試方法麸锉,本文不再贅述。
參考資料
https://blog.csdn.net/quanqinyang/article/details/52215652
https://www.cnblogs.com/hello-lijj/p/8073236.html
https://github.com/jaywcjlove/handbook/blob/master/Android/React-native%20Android環(huán)境搭建.md