Mac開發React Native ---環境搭建

環境搭建

開發平臺：Mac 目標平臺：ios

推薦去ReactNative中文網走一遍，照着文檔裏的搭建教程一步一步走正常狀況下應該不會出錯；
本文只是簡化了一下，文檔裏的庫也沒必要都須要安裝，另外補充一些其餘填坑技巧；

必須的安裝

Homebrew

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

運行如下命令就能夠安裝了

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

這個頗有用，不少安裝包appleStore上都沒有，用這個來安裝一些app仍是挺方便的。

若是碰到權限問題：
運行這個

sudo chown -R `whoami` /usr/local

Node

這個就不用說了吧，推薦安裝最新版；

brew install node

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

npm install -g yarn react-native-cli

這個步驟是全局安裝了 react-native 的命令;
們能夠經過react-native --help來查了它支持的全部命令;

咱們都知道，通常全局安裝完 npm後都推薦設置一下換源，就是這種操做：

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

XCode

React Native目前須要Xcode 8.0 或更高版本。你能夠經過App Store或是到Apple開發者官網上下載。這一步驟會同時安裝Xcode IDE和Xcode的命令行工具。

項目安裝

運行命令：

react-native init AwesomeProject
cd AwesomeProject
react-native run-ios

上邊在 react-native init AwesomeProject 這一步浪費了點時間，但願你們引覺得鑑！

而後 就在 react-native run-ios 這一步出錯了。。。
報錯：
No bundle url present

也在網上找到了解決方案：
刪除項目文件下的build文件夾，再次執行 react-native run-ios

cd YOUR_PROJECT/ios

rm -r build

react-native run-ios

出來這個基本就差很少了：

暫時到這，後續補充。。。