由于官方文檔比較繁瑣警绩,這里刪繁就簡溅话,總結(jié)一下晓锻。
安卓環(huán)境搭建分為兩部分,一部分是前端開發(fā)環(huán)境飞几,另一部分是安卓項(xiàng)目環(huán)境砚哆。
首先是前端環(huán)境的搭建,
node版本必須大于12
yarn是可選的屑墨,也可以使用npm
為了方便依賴的安裝推薦使用淘寶源
# 使用nrm工具切換淘寶源
npx nrm use taobao
# 如果之后需要切換回官方源可使用
npx nrm use npm
其次是安卓環(huán)境的搭建
安卓需要的依賴有Node躁锁、Watchman、JDK 和 Android Studio卵史。
下面將只介紹JDK和Android Studio安裝過程战转。
React Native 需要 Java Development Kit [JDK] 1.8(暫不支持 1.9 及更高版本)。
JDK和Android Studio可以直接下載以躯,此過程不再贅述槐秧。下載成功后查看jdk版本
終端執(zhí)行以下命令
javac?-version
1. 安裝 Android Studio
安裝選擇手動(dòng)安裝組件,然后點(diǎn)擊finish忧设。
2. 安裝 Android SDK
在如圖所示界面右下角有Configure選項(xiàng)
2.1選擇configure然后選擇SDK Manager
在 SDK Manager 中選擇"SDK Platforms"選項(xiàng)卡刁标,然后在右下角勾選"Show Package Details"。展開Android 9 (Pie)選項(xiàng)
必須要安裝以下組件
Android SDK Platform 28
Intel x86 Atom_64 System Image(官方模擬器鏡像文件址晕,使用非官方模擬器不需要安裝此組件)
2.2選擇configure然后選擇SDK Tools
點(diǎn)擊"SDK Tools"選項(xiàng)卡命雀,同樣勾中右下角的"Show Package Details"。
展開"Android SDK Build-Tools"選項(xiàng)斩箫,確保選中了 React Native 所必須的28.0.3版本吏砂。
3. 配置 ANDROID_HOME 環(huán)境變量
React Native 需要通過環(huán)境變量來了解你的 Android SDK 裝在什么路徑,從而正常進(jìn)行編譯乘客。
具體的做法是把下面的命令加入到~/.bash_profile文件中:
打開根目錄并且打開.bash_profile(如果沒有狐血,則創(chuàng)建一個(gè))
終端執(zhí)行以下命令
open .bash_profile
然后寫入如下環(huán)境變量
# 如果你不是通過Android Studio安裝的sdk,則其路徑可能不同易核,請自行確定清楚匈织。
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools?export PATH=$PATH:$ANDROID_HOME/emulator
然后保存后執(zhí)行
source?$HOME/.bash_profile
命令來使環(huán)境變量設(shè)置立即生效,可以使用echo $ANDROID_HOME檢查此變量是否已正確設(shè)置牡直。
接著就可以創(chuàng)建項(xiàng)目了
npx react-native init xxx
創(chuàng)建完項(xiàng)目后執(zhí)行
cd xxx
npm run android或者yarn android
# 或者
yarn react-native run-android
注意在終端中執(zhí)行命令時(shí)需要在Android Studio里面先手動(dòng)打開模擬器缀匕。因?yàn)锳ndroid Studio并不會自動(dòng)打開模擬器。
在啟動(dòng)項(xiàng)目之前可以先通過adb devices命令查看是否有設(shè)備已經(jīng)鏈接碰逸。
即可看到成功的頁面乡小,如上圖。
同樣的饵史,我們還可以使用android studio進(jìn)行編譯項(xiàng)目
在Android Studio里打開android目錄
可以看到如下界面
此時(shí)Android Studio開始自動(dòng)下載所需要的依賴满钟。
成功之后點(diǎn)擊屏幕最上方中間的錘子按鈕運(yùn)行胜榔,或者在菜單欄里找到Run啟動(dòng)項(xiàng)目,然后點(diǎn)擊屏幕右上角手機(jī)圖標(biāo)湃番,添加一個(gè)模擬器夭织,可以自行創(chuàng)建,也可以在已有的列表里選擇吠撮。
這里選擇Pixel 2然后點(diǎn)擊Actions里面的啟動(dòng)按鈕尊惰。
至此,Mac系統(tǒng)Android環(huán)境搭建教程全部結(jié)束泥兰。
如果你在搭建環(huán)境過程中遇到任何問題弄屡,歡迎在下方評論,我會第一時(shí)間回復(fù)逾条。
下一篇將介紹Mac系統(tǒng)ios環(huán)境搭建。
http://www.reibang.com/p/362f6e230ad4