首先感謝React Native中文網(wǎng)的作者們,是他們提供的階梯.鑒于我第一次按操作步驟搭建開發(fā)環(huán)境時(shí)遇到的問題問題示例,這次再次安裝時(shí)我詳細(xì)的把每一個(gè)步驟都有圖片記錄下,為有興趣學(xué)習(xí)React Native的童鞋們提供方便.
操作步驟與React Native中文網(wǎng)介紹步驟一致
1.安裝Homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)
](http://upload-images.jianshu.io/upload_images/1154596-c13107ce95e80c6b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://upload-images.jianshu.io/upload_images/1154596-5fba2a64201b28b7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
5.png
2.在Max OS X 10.11（El Capitan)版本中鄙麦，homebrew在安裝軟件時(shí)可能會(huì)碰到/usr/local目錄不可寫的權(quán)限問題炊汹∨显＃可以使用下面的命令修復(fù)：
sudo chown -R `whoami` /usr/local
6.png
3.使用Homebrew來安裝Node.js.
brew install node
7.png
4.設(shè)置國內(nèi)鏡像
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
8.png
5.Yarn乳愉、React Native的命令行工具（react-native-cli）
Yarn是Facebook提供的替代npm的工具钮追，可以加速node模塊的下載锨络。React Native的命令行工具用于執(zhí)行創(chuàng)建曼玩、初始化僧凰、更新項(xiàng)目掂榔、運(yùn)行打包服務(wù)（packager）等任務(wù)继效。
npm install -g yarn react-native-cli
9.png
6.Watchman
Watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具。安裝此工具可以提高開發(fā)時(shí)的性能（packager可以快速捕捉文件的變化從而實(shí)現(xiàn)實(shí)時(shí)刷新）
brew install watchman
10.png
7.測試安裝
react-native init AwesomeProject
cd AwesomeProject
react-native run-ios
11.png
8.進(jìn)入項(xiàng)目目錄下
12.png
書山有路勤為徑
學(xué)海無涯苦作舟
