說些碎語
最近一段時間在自學react-native，由于只有Mac電腦沒有IPhone手機，實驗出了一點東西沒有辦法在真機上測試。所以根據(jù) React Native 文檔搭建安卓環(huán)境搭建和配置環(huán)境變量。
然而失敗了，準確的說是官方文檔的 安卓環(huán)境搭建 和 配置環(huán)境變量 我沒有看懂。這很是尷尬，經(jīng)過我不懈的努力（就是百度很多方案），終于搭配成功，在這和大家分享一下我結合了很多的方案后總結的可以說是100%有效的 Mac 下搭建 React Native 的安卓環(huán)境搭建和配置環(huán)境變量
閑話不多說，我們進入正題
安裝Android Studio
友情提示
搭建的時候請嚴格按照官方文檔的要求進行搭建，因為我搭建的時候以文檔為主，其他方法為輔。
前面的安裝我就不多在敘述了，按照文檔開始就可以，不懂得看文檔，我們從 Android Studio 開始
所需版本
- React Native目前需要 Android Studio2.0 或更高版本。
- Java Development Kit [JDK] 1.8或更高版本。
注意
- 你可以在命令行中輸入 javac -version 來查看你當前安裝的JDK版本。如果版本不合要求，則可以到官網(wǎng)上下載。
- 除非特別注明，請不要改動安裝過程中的選項。比如Android Studio默認安裝了
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下載，圖中選了哪個，我們跟著選哪個，與圖保持一致（當然如果你是開發(fā)Android 5.0，則在Android 5.0的下面選擇與圖對應選項進行打鉤）
等所有的下載都完成后，我們的Android的IDE工具的搭建就完成了
配置Android環(huán)境變量
配置流程
在終端中輸入命令，進入用戶目錄
$ cd ~輸入命令，該命令的作用是如果不存在.bash_profile文件，則創(chuàng)建該文件
$ touch .bash_profile輸入命令，該命令的作用是用文本編輯器TextEdit打開.bash_profile文件。如果你是第一次配置環(huán)境變量，則該文檔應該是空的。
$ open -e .bash_profile復制下面的文字到 .bash_profile 文件中，主要修改sdk目錄
export ANDROID_HOME=~/Library/Android/sdk
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools-
修改并保存，關閉 .bash_profile 文件
使用下列命令使其立即生效（否則重啟后才生效）：
$ source ~/.bash_profile-
測試
- 測試
$ echo $ANDROID_HOME檢查此變量是否已正確設置。 - 測試adb命令：
$ adb version顯示版本 - 測試android命令：
$ android彈出Android Sdk Manager
- 測試
-
運行自己的react-native程序，Android程序
$ react-native run-android
當這些“·················”安裝完后會發(fā)生報錯，翻譯過來的意思是運行安卓程序前需要先開啟安卓虛擬機。也就是說我們需要 ** 先開啟虛擬機**，再運行react-native的Android程序。
開啟虛擬機的命令 $ android avd
至于虛擬機如何設定，我就不再多說了。
到此為止，我們就可以開始在電腦開啟安卓虛擬機來進行react-native程序的安卓版的測試了。
結語
親測在我的mac上，網(wǎng)速良好的情況下，歷時兩個半小時安裝完成并且可以正式運行。
借鑒網(wǎng)站和博客：
