安裝必需軟體

Homebrew

Homebrew, Mac系統的包管理器，用於安裝NodeJS和一些其他必需的工具軟體。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

homebrew在安裝軟體時可能會碰到/usr/local目錄不可寫的許可權問題。可以使用下面的命令修復：

sudo chown -R `whoami` /usr/local

Node

使用Homebrew來安裝Node.js.

brew install node

解決方法：

1、安裝完node後使用命令檢視當前版本

node -v

npm info node

3、升級node

清除node.js的cache:

sudo npm cache clean -f

安裝n工具，n是專門是管理node.js版本的

sudo npm install -g n

sudo n stable

Yarn、React Native的命令列工具（react-native-cli）

Yarn是Facebook提供的替代npm的工具，可以加速node模組的下載。React Native的命令列工具用於執行建立、初始化、更新專案、執行打包服務（packager）等任務。

npm install -g yarn react-native-cli

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

Android Studio

Android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令列中輸入 javac -version來檢視你當前安裝的JDK版本。如果版本不合要求，則可以到

具體安裝步驟這裡就不詳細介紹，網上應該有很多教程。

ANDROID_HOME環境變數

環境變數很重要！要不專案跑不起來。

然後使用下列命令使其立即生效（否則重啟後才生效）：

source ~/.bash_profile

Xcode

Android程式設計師請繞過

React Native目前需要Xcode 8.0 或更高版本。你可以通過App Store或是到Apple開發者官網上下載。這一步驟會同時安裝Xcode IDE和Xcode的命令列工具。雖然一般來說命令列工具都是預設安裝了，但你最好還是啟動Xcode，並在Xcode | Preferences | Locations選單中檢查一下是否裝有某個版本的Command Line Tools。

Gradle Daemon

開啟Gradle Daemon可以極大地提升java程式碼的增量編譯速度。

touch ~/.gradle/gradle.properties && echo "org.gradle.daemon=true" >> ~/.gradle/gradle.properties

測試安裝

react-native init AndroidProject

cd AndroidProject
react-native run-android

提示：你可以使用--version引數建立指定版本的專案。例如react-native init MyApp --version 0.44.3。注意版本號必須精確到兩個小數點。

init命令預設會建立最新的版本，而目前最新需要下載boost庫編譯。此庫體積龐大，在國內即便翻牆也很難下載成功，導致很多人無法正常執行iOS專案，中文網在論壇中提供了這些庫的國內下載連結。如果你嫌麻煩，又沒有對新版本的需求，那麼可以暫時建立0.44.3的版本。

react-native init AndroidIos --verison 0.44.3
cd AndroidIos
react-native run-ios/run-android

執行結果如下：

推薦安裝的工具

Webstorm

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

WebStorm屬於收費開發工具，但是有一個月的試用時間。（webstorm.2017.1.4網上有破解版本，大家可斟酌下載使用）

配置JSX支援

WebStorm->Preferences->Languaes&Frameworks->JacaScript，然後選擇ReactJSX，下載安裝react，react native

配置Run Configurations

在選單欄中找到Edit Configurations

最後選擇平臺執行專案