本章我們開始來學習一個小白如何開始走上react-native的開發道路

rn的門檻不管是對於前端開發者還是移動端開發者來說都是很高的，既要懂原生又要懂js，技術棧是相當長的。但是沒有關係，我們一步步來學習，慢慢成長吧！

我們先來看看RN 的官方文件怎麼寫的：

如圖1-1所示，

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

如圖，出現 “Press RETURN to continue or any other key to abort”的時候記得按“回車”（有個朋友看不懂英文然後就不看了，一直在那裡等著，真是無可奈何呀！）

當你看到   ==>Installation successful!  那麼就安裝成功了

2、使用Homebrew安裝watchman和flow

1）brew install watchman

2）brew install flow

3）brew update && brew upgrade

3、安裝nvm

1）我們使用git把nvm給git下來

開啟終端，複製黏貼  

git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`  

2）輸入 . ~/.nvm/nvm.sh 或者 soure ~/.nvm/nvm.sh  啟動nvm管理器

3）配置下nvm管理器，使我們開啟終端的時候自動啟動nvm

（1）、在終端輸入：

vi ~/.bashrc

（2）複製黏貼  

export NVM_DIR="$HOME/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

然後    輸入   :wq!     回車

3）vi ~/.profile （重複上一步操作)

4）nvm install node && nvm alias default node

等待安裝完成，安裝完成之後我們就可以通過npm來管理node了！

5）國內的網路npm自帶的源真的卡出了翔，所以我們要換成淘寶的源

npm install -g nrm

nrm use taobao

    Registry has beensetto: http://registry.npm.taobao.org/

這樣子我們就換成了淘寶的源了

4 、快速開始啟動RN工程

1）

npm install -g react-native-cli --verbose

2）在你自己建立的檔案目錄裡快速生成一個RN專案

react-native init AwesomeProject --verbose

注：

1、執行init時切記不要在前面加上sudo（否則新專案的目錄所有者會變為root而不是當前使用者，導致一系列許可權問題，請使用chown修復）。

2、由於網路的問題，很多開發者在這裡會出現各種下載失敗的情況，我已經把下載好的檔案放到百度雲。各位需要的自行下載，跟你init是一模一樣的，目前版本是 0.17

5、開啟AwesomeProject -> ios->AwesomeProject.xcodeproj

com+R  啟動專案

注：可能nvm配置路徑問題，專案執行的時候可能會出現錯誤

解決方法：

在專案啟動中，cd 到AwesomeProject目錄下，執行

react-native start

（之前的版本是npm start 新的版本已經改成了react-native start）

結尾

到這裡，我們就快速地搭建了React-native的工程啦！！！！！