Mac 中 Ios 與 Android 的 react-native 測試環境配置

老人與海.....鮮發表於2019-05-11
MaciOSAndroidReact

1. Mac IOS

1. 安裝 Xcode

React Native 目前需要Xcode 9.4 或更高版本。你可以通過 App Store 或是到 Apple 開發者官網上下載。這一步驟會同時安裝 Xcode IDE、Xcode 的命令列工具和 iOS 模擬器。

2. Mac Android

如果你之前沒有接觸過 Android 的開發環境，那麼請做好心理準備，這一過程相當繁瑣。請萬分仔細地閱讀下面的說明，嚴格對照文件進行配置操作。 如果你是國內使用者，請確保你可以科學上網。 如果不能科學上網，你可能無法成功搭建環境。請確保你的翻牆工具足夠穩定，如果報錯中出現網址，那麼99.99% 是因為無法翻牆導致。

1. 安裝 Android Studio

首先下載和安裝 Android Studio，國內使用者可能無法開啟官方連結，請自行使用搜尋引擎搜尋可用的下載連結。安裝介面中選擇"Custom"選項，確保選中了以下幾項

    如果選擇框是灰的，你也可以先跳過，稍後再來安裝這些元件
複製程式碼

2. 安裝 Android SDK

Android Studio 預設會安裝最新版本的 Android SDK。目前編譯 React Native 應用需要的是Android 9 (Pie)版本的 SDK（注意 SDK 版本不等於終端系統版本，RN 目前支援 android4.1 以上裝置）。你可以在 Android Studio 的 SDK Manager 中選擇安裝各版本的 SDK。

SDK Manager 可以在 Android Studio 的"Preferences"選單中找到。具體路徑是Appearance & Behavior → System Settings → Android SDK。
複製程式碼

選中並安裝以下內容

  • Android SDK Platform 28
  • Intel x86 Atom_64 System Image（官方模擬器映象檔案，使用非官方模擬器不需要安裝此元件）

然後點選"SDK Tools"選項卡，同樣勾中右下角的"Show Package Details"。展開"Android SDK Build-Tools"選項，確保選中了 React Native 所必須的28.0.3版本。你可以同時安裝多個其他版本。

3. 配置 ANDROID_HOME 環境變數

React Native 需要通過環境變數來了解你的 Android SDK 裝在什麼路徑，從而正常進行編譯。

你需要把以下命令新增到 ~/.bash_profile 檔案中。

如果你的 ~/ 目錄下沒有 .bash_profile 檔案，你可以建立它並編輯它

    vi ~/.bash_profile
複製程式碼
    # 如果你不是通過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
複製程式碼

使用source $HOME/.bash_profile命令來使環境變數設定立即生效（否則重啟後才生效）。可以使用echo $ANDROID_HOME檢查此變數是否已正確設定。

    請確保你正常指定了 Android SDK 路徑。你可以在 Android Studio 的"Preferences"選單中檢視 SDK 的真實路徑，具體是Appearance & Behavior → System Settings → Android SDK。
複製程式碼

4. 建立虛擬裝置

開啟 Android studio 在IDE右上角建立虛擬裝置，這一步驟比較慢，所以需要耐心等待。

相關文章