說些碎語
最近一段時間在自學(xué)react-native,由于只有Mac電腦沒有IPhone手機鸣哀,實驗出了一點東西沒有辦法在真機上測試。所以根據(jù) React Native 文檔搭建安卓環(huán)境搭建和配置環(huán)境變量吞彤。
然而失敗了我衬,準(zhǔn)確的說是官方文檔的 安卓環(huán)境搭建
和 配置環(huán)境變量
我沒有看懂叹放。這很是尷尬,經(jīng)過我不懈的努力(就是百度很多方案)挠羔,終于搭配成功井仰,在這和大家分享一下我結(jié)合了很多的方案后總結(jié)的可以說是100%有效的 Mac
下搭建 React Native
的安卓環(huán)境搭建和配置環(huán)境變量
閑話不多說,我們進(jìn)入正題
安裝Android Studio
友情提示
搭建的時候請嚴(yán)格按照官方文檔的要求進(jìn)行搭建破加,因為我搭建的時候以文檔為主俱恶,其他方法為輔。
前面的安裝我就不多在敘述了范舀,按照文檔開始就可以合是,不懂得看文檔,我們從 Android Studio 開始
所需版本
- React Native目前需要 Android Studio2.0 或更高版本锭环。
- Java Development Kit [JDK] 1.8或更高版本聪全。
注意
- 你可以在命令行中輸入 javac -version 來查看你當(dāng)前安裝的JDK版本。如果版本不合要求辅辩,則可以到官網(wǎng)上下載难礼。
- 除非特別注明,請不要改動安裝過程中的選項汽久。比如Android Studio默認(rèn)安裝了
Android Support Repository
鹤竭,而這也是React Native必須的(否則在react-native run-android時會報appcompat-v7包找不到的錯誤)。
安裝過程中有一些需要改動的選項:
- 選擇
Custom
選項:
- 勾選
Performance
和Android Virtual Device
注意:sdk的安裝地址最好不要亂動景醇,Mac是沒有磁盤分區(qū)的所以各個文件是不會又相互干擾的可能臀稚,所以最好不要胡亂更改地址不然配置環(huán)境變量時會稍微有些麻煩
- 安裝完成后,在Android Studio的啟動歡迎界面中選擇
Configure
|SDK Manager
在SDK Platforms 窗口 和 SDK Tools 窗口
注意:
這里和官方文檔是不一樣的(雖然圖是一樣的)
- 這里以
Android 6.0
為例選擇sdk下載三痰,圖中選了哪個吧寺,我們跟著選哪個,與圖保持一致(當(dāng)然如果你是開發(fā)Android 5.0散劫,則在Android 5.0的下面選擇與圖對應(yīng)選項進(jìn)行打鉤)
等所有的下載都完成后稚机,我們的Android的IDE工具的搭建就完成了
配置Android環(huán)境變量
配置流程
在終端中輸入命令,進(jìn)入用戶目錄
$ cd ~
輸入命令获搏,該命令的作用是如果不存在.bash_profile文件赖条,則創(chuàng)建該文件
$ touch .bash_profile
輸入命令,該命令的作用是用文本編輯器TextEdit打開.bash_profile文件常熙。如果你是第一次配置環(huán)境變量纬乍,則該文檔應(yīng)該是空的。
$ open -e .bash_profile
復(fù)制下面的文字到 .bash_profile 文件中裸卫,主要修改sdk目錄
export ANDROID_HOME=~/Library/Android/sdk
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools-
修改并保存仿贬,關(guān)閉 .bash_profile 文件
使用下列命令使其立即生效(否則重啟后才生效):
$ source ~/.bash_profile
-
測試
- 測試
$ echo $ANDROID_HOME
檢查此變量是否已正確設(shè)置。 - 測試adb命令:
$ adb version
顯示版本 - 測試android命令:
$ android
彈出Android Sdk Manager
- 測試
-
運行自己的react-native程序墓贿,Android程序
$ react-native run-android
當(dāng)這些“·················”安裝完后會發(fā)生報錯茧泪,翻譯過來的意思是運行安卓程序前需要先開啟安卓虛擬機蜓氨。也就是說我們需要 ** 先開啟虛擬機
**,再運行react-native的Android程序队伟。
開啟虛擬機的命令 $ android avd
至于虛擬機如何設(shè)定穴吹,我就不再多說了。
到此為止缰泡,我們就可以開始在電腦開啟安卓虛擬機來進(jìn)行react-native程序的安卓版的測試了刀荒。
結(jié)語
親測在我的mac上,網(wǎng)速良好的情況下棘钞,歷時兩個半小時安裝完成并且可以正式運行。
借鑒網(wǎng)站和博客: