本文主要講如何在MAC和windows操作系統(tǒng)下搭建RN開發(fā)環(huán)境，以及需要使用到的插件安裝。
RN可以在Windows和MAC兩個操作系統(tǒng)下搭建，但建議大家在MAC操作系統(tǒng)下搭建，因為在Windows下搭建最大的問題就是IOS平臺的測試問題，不過也不是沒有辦法-----如何在window上裝MAC系統(tǒng)
在搭建環(huán)境之前建議大家先去閱讀RN的最新版本說明RN官方說明文檔
Windows下的React Native開發(fā)環(huán)境搭建
首先需要安裝node.js
進(jìn)入node.js官網(wǎng)下載頁面下載5.0以上的穩(wěn)定版node.js下載
然后在下載git軟件 已經(jīng)安裝了的就不用安裝了git下載
下載完成后進(jìn)入cmd命令行窗口輸入git，按下回車鍵如果命令行出現(xiàn)了下圖所示，則表示安裝正確。
接下來需要以管理員身份啟動命令行窗口，打開Windows操作系統(tǒng)安裝盤下windows\system32文件夾，選擇cmd.exe文件單擊右鍵選擇管理員身份打開。
在命令行窗口輸入：
- npm install -g nrm，安裝nrm模塊方便切換npm下載源
然后在命令行輸入:
- npm install -g npm@2 ，安裝npm2
如果有裝VPN可以翻墻的話直接輸入：
- npm install -g react-native-cli,安裝ReactNative
如果沒有的話先輸入這條命令：
- npm install -g cnpm --registry=https://registry.npm.taobao.org, 這條命令創(chuàng)建了一個名為cnpm的安裝點，這個安裝點將從淘寶提供的npm鏡像站點安裝ReactNative，然后在輸入npm install -g react-native-cli。
至此Windos下RN開發(fā)環(huán)境搭建完成
Mac下開發(fā)環(huán)境搭建
首先下載最新版本的xcode安裝，安裝后啟動同意用戶協(xié)議。
進(jìn)入mac命令行輸入：
- ruby -e "$(curl -fsSL https://raw.githubusercontent.com/homebrew/install/master/install)"
中途需要按下回車輸入超級用戶口令，即你的賬戶密碼。安裝成功后會顯示Installation successful！。
然后需要安裝Node.js：
進(jìn)入nodejs下載 ,安裝最新穩(wěn)定版
MAC系統(tǒng)裝好自己就設(shè)置好了PATH環(huán)境變量，不需要自己設(shè)置
然后安裝NVM，在命令行輸入：
等待安裝完成后，輸入exit，在重新打開一個新的命令行窗口，輸入echo $NVM_DIR,按下回車鍵，如果窗口中出現(xiàn)/User/你的用戶名/.nvm，則表明NVM安裝成功
然后在命令行輸入：
- nvm install ndoe && nvm alias default node
然后需要安裝flow軟件包。但在安裝前需要先在命令行輸入：
- sudo chown -R $USER /user/local/lib
- sudo chown -R &USER /user/local
然后在輸入： - brew install watchman
- brew install flow
最后我我們就可以安裝ReactNative了，輸入：
- sudo npm install -g react-native-cli
按下回車，輸入用戶口令，等待完成安裝。
接下來就可以使用ReactNative開發(fā)了
代碼開發(fā)工具
使用sublime Text3開發(fā)，如果你已經(jīng)是sublime用戶請確認(rèn)是否安裝JSFormat插件。
第一次使用sublime的用戶需要安裝sublime的包管理器
安裝成功后重啟sublime
sublime還有很多好用的插件，大家可以根據(jù)需求自行搜索，這里就不細(xì)說了
安裝React Dev tool
安裝React Dev tool需要使用Chrome瀏覽器，chrome下載地址大家自行百度。
下載完成后，輸入網(wǎng)址：下載React Dev tool，進(jìn)入網(wǎng)址，如下圖：
點擊進(jìn)入圖中箭頭所示，下載最新版本的以react-devtools-v-0.14.6.crx的文件，注意是CRX后綴,如果有更新版本的crx下最新版的。
然后打開chrome瀏覽器，從設(shè)置中找到擴(kuò)展程序，打開將下載的crx文件直接拖入，點擊確認(rèn)安裝，并在允許訪問文件網(wǎng)址前打鉤。完成后如下圖所示：
到這里需要準(zhǔn)備的東西就差不多完成了，馬上開始你的第一個RN項目吧！
下一章會講開發(fā)第一個ReactNative程序，如果你對ReactNative還不了解的話建議先去讀一讀我的上一篇文章React Native入門一<初識ReactNative>
有寫的不清楚的地方請見諒，
ps:關(guān)注ReactNative開發(fā)經(jīng)驗集，那里有更多的小伙伴和更豐富的RN學(xué)習(xí)資源！
