react-native 一步步：環境搭建

如下大部份內容來自官方，有微調

系統要求

1. 一個裝有 OS X 系統的開發機

2. Homebrew 包管理工具

   brew install nvm
   brew install watchman
   brew install flow

3. 安裝 Nodejs 4.0或者更新

   nvm install node && nvm alias default node

4. 按期執行 brew up && brew upgrade

iOS 環境安裝

1. 安裝 XCode

Android 環境安裝

1. brew install java

2. brew install android-sdk，若是被牆，去 AndroidDevTools

3. 修改配置文件：~/.bash_profile
   export ANDROID_HOME=/usr/local/opt/android-sdk

4. 在命令行運行 android，安裝依賴的包

   • Android SDK Build-tools version 23.0.1

   • Android 6.0 (API 23)

   • Android Support Repository

5. 安裝模擬器相關，能夠和 4 一塊兒安裝

   • Intel x86 Atom System Image (for Android 5.1.1 - API 22)

   • Intel x86 Emulator Accelerator (HAXM installer)

6. 安裝虛擬機加速模塊（5完成後）
   安裝：$SDK/extras/intel/Hardware_Accelerated_Execution_Manager/IntelHAXM.dmg
   控制檯執行：kextstat | grep intel
   驗證輸出有：com.intel.kext.intelhaxm

7. 配置虛擬機（若是建立失敗了，試試其它機型，如 Nexus 4）
   運行 android avd

npm 安裝工具

npm install -g react-native-cli

測試

react-native init AwesomeProject
cd AwesomeProject/

iOS 啓動

• 用 XCode 打開 ios/AwesomeProject.xcodeproj

• Cmd+B 編譯

• Cmd+R 刷新

Android 啓動

• react-native android 部署安卓環境，要下載不少東西

• 啓動虛擬機 android avd

• react-native run-android