RN環(huán)境有兩種：原生環(huán)境和簡易沙盒環(huán)境，沙盒環(huán)境大量依賴國外網(wǎng)絡(luò)環(huán)境，不能直接發(fā)布應(yīng)用，只適用于學(xué)習(xí)、演示。原生環(huán)境的搭建過程和開發(fā)平臺(tái)以及目標(biāo)平臺(tái)息息相關(guān)。不同的開發(fā)平臺(tái)和目標(biāo)平臺(tái)，在搭建開發(fā)環(huán)境中有一定的出入。本文分三部分介紹不同開發(fā)平臺(tái)和目標(biāo)平臺(tái)的搭建：第一部分，macOS系統(tǒng)下的iOS項(xiàng)目；第二部分，macOS系統(tǒng)下的Android項(xiàng)目；第三部分，windows系統(tǒng)下的Android項(xiàng)目。
本篇介紹macOS系統(tǒng)下的iOS項(xiàng)目的RN開發(fā)環(huán)境搭建
RN必須安裝的依賴：node、watchman、React Native命令行工具、Xcode。接下來一步一步安裝必須的依賴。
本文通過Homebrew工具安裝，如果沒有安裝Homebrew的請(qǐng)先安裝brew，關(guān)于Homebrew的更多信息請(qǐng)?jiān)L問https://brew.sh/index_zh-cn
安裝：
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
卸載：
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"
更新：
brew update
安裝完brew工具之后，我們先安裝node
brew install node
接下來我們安裝watchman，watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具，該工具可以提高開發(fā)時(shí)的性能。
brew install watchman
由于訪問npm國外鏡像資源受限，一般我們都將npm鏡像設(shè)置為國內(nèi)的
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
接下來安裝一個(gè)Facebook提供的替代npm的工具，加速node模塊下載的yarn
npm install -g yarn react-native-cli
安裝完yarn后同樣設(shè)置鏡像
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
以上依賴工具安裝完成后，檢查Xcode版本號(hào)是否為9.4或更高的，并且檢查是否有某個(gè)版本的command line tools
至此，react native的環(huán)境已搭建完成，接下來我們創(chuàng)建一個(gè)React Native工程并運(yùn)行
react-native init testProject --version 0.44.3
注意：init命令會(huì)默認(rèn)創(chuàng)建最新版本，而0.45及以上的版本需要下載boost等幾個(gè)第三方庫，這些庫翻墻也能難下載成功，這里我們先創(chuàng)建一個(gè)0.44.3的版本。使用--version 參數(shù)可以創(chuàng)建指定版本的項(xiàng)目，這個(gè)版本號(hào)必須精確到兩個(gè)小數(shù)點(diǎn)。此外，創(chuàng)建的工程的路徑為終端當(dāng)前所在路徑~~
創(chuàng)建完可以用Xcode打開iOS工程編譯檢查工程是否存在問題，也可以用Xcode運(yùn)行工程，還可以用命令行運(yùn)行
cd testProject
react-native run-ios
如果發(fā)現(xiàn)報(bào): error: unable to find utility "instruments", not a developer tool or in PATH這樣的錯(cuò)誤，在終端執(zhí)行如下命令即可
sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/
在創(chuàng)建0.45以后版本的項(xiàng)目時(shí)候如果報(bào)“RCTBundleURLProvider.h” file not found 可以嘗試在項(xiàng)目根路徑下執(zhí)行如下命令
npm install --save react-native-vector-icons@4.0
好了，環(huán)境搭建完成，放心大膽的開發(fā)吧~~~~~
