說些碎語

最近一段時(shí)間在自學(xué)react-native，由于只有Mac電腦沒有IPhone手機(jī)，實(shí)驗(yàn)出了一點(diǎn)東西沒有辦法在真機(jī)上測試。所以根據(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

友情提示

搭建的時(shí)候請嚴(yán)格按照官方文檔的要求進(jìn)行搭建，因?yàn)槲掖罱ǖ臅r(shí)候以文檔為主，其他方法為輔。

前面的安裝我就不多在敘述了，按照文檔開始就可以，不懂得看文檔，我們從 Android Studio 開始

所需版本

1. React Native目前需要 Android Studio2.0 或更高版本。
2. Java Development Kit [JDK] 1.8或更高版本。

注意

• 你可以在命令行中輸入 javac -version 來查看你當(dāng)前安裝的JDK版本。如果版本不合要求，則可以到官網(wǎng)上下載。
• 除非特別注明，請不要改動(dòng)安裝過程中的選項(xiàng)。比如Android Studio默認(rèn)安裝了 Android Support Repository ，而這也是React Native必須的（否則在react-native run-android時(shí)會(huì)報(bào)appcompat-v7包找不到的錯(cuò)誤）。

安裝過程中有一些需要改動(dòng)的選項(xiàng)：

• 選擇 Custom 選項(xiàng)：

• 勾選 Performance 和 Android Virtual Device

注意：sdk的安裝地址最好不要亂動(dòng)，Mac是沒有磁盤分區(qū)的所以各個(gè)文件是不會(huì)又相互干擾的可能，所以最好不要胡亂更改地址不然配置環(huán)境變量時(shí)會(huì)稍微有些麻煩

• 安裝完成后，在Android Studio的啟動(dòng)歡迎界面中選擇 Configure | SDK Manager

在SDK Platforms 窗口 和 SDK Tools 窗口

注意：

這里和官方文檔是不一樣的（雖然圖是一樣的）

• 這里以 Android 6.0 為例選擇sdk下載，圖中選了哪個(gè)，我們跟著選哪個(gè)，與圖保持一致（當(dāng)然如果你是開發(fā)Android 5.0，則在Android 5.0的下面選擇與圖對應(yīng)選項(xiàng)進(jìn)行打鉤）

等所有的下載都完成后，我們的Android的IDE工具的搭建就完成了

配置Android環(huán)境變量

配置流程

1. 在終端中輸入命令，進(jìn)入用戶目錄
   $ cd ~

2. 輸入命令，該命令的作用是如果不存在.bash_profile文件，則創(chuàng)建該文件
   $ touch .bash_profile

3. 輸入命令，該命令的作用是用文本編輯器TextEdit打開.bash_profile文件。如果你是第一次配置環(huán)境變量，則該文檔應(yīng)該是空的。
   $ open -e .bash_profile

4. 復(fù)制下面的文字到 .bash_profile 文件中，主要修改sdk目錄
   export ANDROID_HOME=~/Library/Android/sdk
   export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

5. 修改并保存，關(guān)閉 .bash_profile 文件
   

6. 使用下列命令使其立即生效（否則重啟后才生效）：
   $ source ~/.bash_profile

7. 測試

   • 測試$ echo $ANDROID_HOME 檢查此變量是否已正確設(shè)置。
   • 測試adb命令：$ adb version 顯示版本
   • 測試android命令：$ android 彈出Android Sdk Manager

8. 運(yùn)行自己的react-native程序，Android程序
   $ react-native run-android
   

當(dāng)這些“·················”安裝完后會(huì)發(fā)生報(bào)錯(cuò)，翻譯過來的意思是運(yùn)行安卓程序前需要先開啟安卓虛擬機(jī)。也就是說我們需要 ** 先開啟虛擬機(jī)**，再運(yùn)行react-native的Android程序。
開啟虛擬機(jī)的命令 $ android avd
至于虛擬機(jī)如何設(shè)定，我就不再多說了。
到此為止，我們就可以開始在電腦開啟安卓虛擬機(jī)來進(jìn)行react-native程序的安卓版的測試了。

結(jié)語

親測在我的mac上，網(wǎng)速良好的情況下，歷時(shí)兩個(gè)半小時(shí)安裝完成并且可以正式運(yùn)行。

借鑒網(wǎng)站和博客：

• react-native中文網(wǎng)
• React—native+Android環(huán)境搭建和開發(fā)配置（Mac）