工欲善其事，必先利其器。這次主要介紹mac osx下React Native的開發環境的搭建。

homebrew

mac上的包管理工具，用於安裝nodejs和其他一些工具軟件，在terminal輸入下面命令進行安裝：

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

如果在安裝過程中遇到提示ACCES: permission denied(/usr/local目錄不可寫），可以通過下面的命令修改目錄權限：

sudo chown -R `whoami` /usr/local

nodejs

React Native目前需要NodeJS 5.0或更高版本。本文發布時Homebrew默認安裝的是最新版本，一般都滿足要求。

brew install node

yarn

yarn是Facebook提供的替代npm的工具，可以加速node模塊的下載

npm install -g yarn

react-native-cli

React Native的命令行工具用於執行創建、初始化、更新項目、運行打包服務（packager）等任務。

npm install -g react-native-cli

watchman

watchman是由Facebook提供的監視文件系統變更的工具。安裝此工具可以提高開發時的性能（packager可以快速捕捉文件的變化從而實現實時刷新）。

brew install watchman

下載third-party庫

目前最新的0.45及以上版本需要依賴boost等幾個第三方庫，具體可以運行官方提供的ios-install-third-party.sh進行下載。下載的文件存在到~/.rncache。

至此，環境安裝完成。

測試安裝

創建一個react-native項目
react-native init projectName  

進入項目目錄，啟動服務
cd projectName
yarn start 

運行ios
react-native run-ios                // ok...

運行android
react-native run-android        // ok...
 

如果在調試android環境的時候有提示：Could not find com.android.tools.build:gradle:3.0.1;原因是com.android.tools.build:gradle:3.0.1插件需要到google的maven倉庫下載。解決方式是：在build.gradle添加google的maven倉庫，如下：

buildscript {
    repositories {
        google()     //新的插件需要在google倉庫下載
        jcenter()
    }
    dependencies {
        classpath ‘com.android.tools.build:gradle:3.0.1‘
    }
}

React Native學習筆記 -- 開發環境搭建