首先感謝React Native中文網(wǎng)的作者們,是他們提供的階梯.鑒于我第一次按操作步驟搭建開(kāi)發(fā)環(huán)境時(shí)遇到的問(wèn)題問(wèn)題示例,這次再次安裝時(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目錄不可寫(xiě)的權(quán)限問(wèn)題。可以使用下面的命令修復(fù)：

sudo chown -R `whoami` /usr/local

6.png

3.使用Homebrew來(lái)安裝Node.js.

brew install node

7.png

4.設(shè)置國(guó)內(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)變更的工具。安裝此工具可以提高開(kāi)發(fā)時(shí)的性能（packager可以快速捕捉文件的變化從而實(shí)現(xiàn)實(shí)時(shí)刷新）

brew install watchman

10.png

7.測(cè)試安裝

react-native init AwesomeProject

cd AwesomeProject

react-native run-ios

11.png

8.進(jìn)入項(xiàng)目目錄下

12.png


書(shū)山有路勤為徑
學(xué)海無(wú)涯苦作舟