1 NodeJS開發(fā)環(huán)境
2 React Native Command Line Tools 工具
3 Xcode/AndroidStudio
4 HelloReactNative
安裝NodeJS開發(fā)環(huán)境
Homebrew Mac系統(tǒng)的包管理器， 用于安裝NodeJS和其它工具軟件Homebrew詳細(xì)介紹
brew install <軟件名稱>
? Homebrew 會(huì)將套件安裝到獨(dú)立目錄，并將文件軟鏈接至 /usr/local 。
? Homebrew 的所有文件均會(huì)被安裝到預(yù)定義目錄下，所以您無需擔(dān)心 Homebrew 的安裝位置。
brew search <軟件名稱>
執(zhí)行此命令，brew會(huì)匹配有關(guān)該名稱的所有軟件并標(biāo)識已經(jīng)安裝的軟件。
brew list 查看用brew安裝的所有軟件
brew update
brew upgrade <使用brew已安裝的軟件名稱>
brew uninstall <使用brew已安裝的軟件名稱>
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
注意：在Max OS X 10.11（El Capitan)版本中，homebrew在安裝軟件時(shí)可能會(huì)碰到/usr/local目錄不可寫的權(quán)限問題。可以使用下面的命令修復(fù)：
sudo chown -R `whoami` /usr/local
安裝Node環(huán)境
我們在初始化React Native應(yīng)用或從npm上安裝一些組件的時(shí)候通常的情況下是比較慢的，這是因?yàn)閚pm的服務(wù)是設(shè)在國外的，所以在國內(nèi)訪問的速度不是很理想。提高項(xiàng)目初始化的速度我們可以為npm設(shè)置一個(gè)國內(nèi)鏡像，讓npm每次下載組件的時(shí)候都從國內(nèi)的鏡像上獲取這樣一來速度就會(huì)大大提高。
brew install node
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
在iOS電腦上我們可以在.npmrc文件中設(shè)置npm的下載鏡像地址，.npmrc文件通常在/Users/用戶名/.npmrc路徑下，打開此文件然后添加：registry = https://registry.npm.taobao.org
安裝React Native Command Line Tools 工具
npm install -g react-native-cli
如果你看到EACCES: permission denied這樣的權(quán)限報(bào)錯(cuò)，那么請參照上文的homebrew譯注，修復(fù)/usr/local目錄的所有權(quán)
sudo chown -R `whoami` /usr/local
React Native命令行工具安裝成功之后，我們可以通過react-native --help來查了它索支持的所有命令
安裝Xcode/AndroidStudio
AppStore上搜索XCode并進(jìn)行下載安裝
Android開發(fā)環(huán)境詳見 Mac系統(tǒng) Android開發(fā)環(huán)境配置
HelloReactNative
初始化一個(gè)React Native應(yīng)用，我們可以通過React Native命令行工具來完成，打開終端輸入并運(yùn)行下面命令：
react-native init <項(xiàng)目名字>
如：
react-native init HelloReactNative
運(yùn)行應(yīng)用
第一種方式：通過React Navtive命令行工具
cd HelloReactNative
react-native run-ios
react-native run-android
注：
1 執(zhí)行 react-native run-android 需要先啟動(dòng)android模擬器
2 執(zhí)行失敗
FAILURE: Build failed with an exception.
* What went wrong:
A problem occurred configuring project ':app'.
> SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.
進(jìn)入android文件夾 添加 local.properties 添加android sdk路徑
如: sdk.dir = /Users/用戶/Library/Android/sdk
第二種方式：通過Xcode或者AndroidStudio運(yùn)行項(xiàng)目
