本章我們開(kāi)始來(lái)學(xué)習(xí)一個(gè)小白如何開(kāi)始走上react-native的開(kāi)發(fā)道路
rn的門(mén)檻不管是對(duì)于前端開(kāi)發(fā)者還是移動(dòng)端開(kāi)發(fā)者來(lái)說(shuō)都是很高的癣蟋，既要懂原生又要懂js诗越，技術(shù)棧是相當(dāng)長(zhǎng)的。但是沒(méi)有關(guān)系，我們一步步來(lái)學(xué)習(xí)，慢慢成長(zhǎng)吧诫尽！
我們先來(lái)看看RN 的官方文檔怎么寫(xiě)的：
如圖1-1所示，
1.我們需要安裝Homebrew ?
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
如圖炬守，出現(xiàn) “Press RETURN to continue or any other key to abort”的時(shí)候記得按“回車(chē)”（有個(gè)朋友看不懂英文然后就不看了牧嫉，一直在那里等著，真是無(wú)可奈何呀＠徒稀）
當(dāng)你看到 ? ==>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下來(lái)
打開(kāi)終端观蜗，復(fù)制黏貼 ?
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 ?啟動(dòng)nvm管理器
3）配置下nvm管理器，使我們打開(kāi)終端的時(shí)候自動(dòng)啟動(dòng)nvm
（1）衣洁、在終端輸入：
vi ~/.bashrc
（2）復(fù)制黏貼 ?
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
然后 ? ?輸入 ? :wq! ? ? 回車(chē)
3）vi ~/.profile （重復(fù)上一步操作)
4）nvm install node && nvm alias default node
等待安裝完成墓捻，安裝完成之后我們就可以通過(guò)npm來(lái)管理node了！
5）國(guó)內(nèi)的網(wǎng)絡(luò)npm自帶的源真的卡出了翔坊夫，所以我們要換成淘寶的源
npm install -g nrm
nrm use taobao
? ? Registry has beensetto: http://registry.npm.taobao.org/
這樣子我們就換成了淘寶的源了
4 砖第、快速開(kāi)始啟動(dòng)RN工程
1）
npm install -g react-native-cli --verbose
2）在你自己創(chuàng)建的文件目錄里快速生成一個(gè)RN項(xiàng)目
react-native init AwesomeProject --verbose
注：
1、執(zhí)行init時(shí)切記不要在前面加上sudo（否則新項(xiàng)目的目錄所有者會(huì)變?yōu)閞oot而不是當(dāng)前用戶环凿，導(dǎo)致一系列權(quán)限問(wèn)題梧兼，請(qǐng)使用chown修復(fù)）。
2智听、由于網(wǎng)絡(luò)的問(wèn)題羽杰，很多開(kāi)發(fā)者在這里會(huì)出現(xiàn)各種下載失敗的情況，我已經(jīng)把下載好的文件放到百度云到推。各位需要的自行下載考赛，跟你init是一模一樣的，目前版本是 0.17
5莉测、打開(kāi)AwesomeProject -> ios->AwesomeProject.xcodeproj
com+R ?啟動(dòng)項(xiàng)目
注：可能nvm配置路徑問(wèn)題颜骤，項(xiàng)目運(yùn)行的時(shí)候可能會(huì)出現(xiàn)錯(cuò)誤
解決方法：
在項(xiàng)目啟動(dòng)中，cd 到AwesomeProject目錄下捣卤，執(zhí)行
react-native start
（之前的版本是npm start 新的版本已經(jīng)改成了react-native start）
結(jié)尾
到這里忍抽，我們就快速地搭建了React-native的工程啦！６Ｌ菡摇！益涧！
百度云鏈接 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?http://pan.baidu.com/s/1mhh01aK
