? ? ? ? React Native是在F8大會上開源發(fā)布的，在不到一年的時(shí)間里，他成為了手機(jī)端不可少的開發(fā)模式之一，它的核心設(shè)計(jì)理念是：即擁有Native（原生）的用戶體驗(yàn)，又保留React的開發(fā)效率。目前它基本完成了對多端的支持，實(shí)現(xiàn)了真正意義上的面向配置開發(fā)；開發(fā)者可以靈活的使用HTML和CSS布局，然后使用React語法構(gòu)建組建，實(shí)現(xiàn)：H5，Android，iOS多端代碼的復(fù)用。

我在之后又寫了讓我們來搞一個(gè)React Native項(xiàng)目吧的文章，需要深入的朋友可自行查看。當(dāng)然，學(xué)習(xí)React Native就是為了跨平臺開發(fā)的，如果你也是iOS開始的，需要學(xué)習(xí)mac上面安裝安卓開發(fā)軟件，請看我【技術(shù)貼】之-mac下安裝Android Studio來學(xué)習(xí)如何安裝安卓開發(fā)軟件！

下面，我講講一下React Native的安裝及配置

React Native的安裝及配置

1、安裝Homebrew

? ? ? Homebrew是在OSX平臺上的軟件包管理工具在配置RN環(huán)境中，Homebrew用來安裝RN開發(fā)所需的三個(gè)軟件包（io.js, watchman, flow）。【Homebrew官方網(wǎng)站（中文）】

安裝方式：打開終端直接執(zhí)行下面命令: ? ? /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安裝完成以后會出現(xiàn)下面字樣，證明你已經(jīng)成功在安裝好了Homebrew

2、安裝npm 和Node.js

Node.js最好安裝4.0以上版本，node安裝成功以后npm也就自動安裝好了，我們?nèi)ミ@里下載Node.js ?點(diǎn)擊下載（網(wǎng)址：https://nodejs.org/en/download/）?進(jìn)去以后選擇是哪個(gè)操作系統(tǒng)，就選擇哪個(gè)端下載。傻瓜試安裝方法，全部點(diǎn)擊繼續(xù)。

3.安裝WatchMan和Flow（不是必須安裝，不安裝也可以跑React Native項(xiàng)目）

WatchMan是用來監(jiān)控bug文件和文件變化的，并且可以出發(fā)制定的操作。

安裝方式：終端執(zhí)行命令：brew install watchman ?如下圖請你喝酒證明安裝成功

4、安裝Flow

Flow是一個(gè)JavaScript的靜態(tài)庫類型檢查器，建議安裝，可以方便找出代碼中可能存在的類型錯(cuò)誤

安裝方式一樣很簡單：終端執(zhí)行命令：brew install flow ?如下安裝成功會繼續(xù)請你喝杯酒

安裝完以上步驟，我們終于要開始安裝React Native了，也是超級的簡單，終端再繼續(xù)執(zhí)行：npm install -g react-native-cli ?執(zhí)行以后就發(fā)現(xiàn)出了很多錯(cuò)誤，如圖

看見錯(cuò)誤不要愁，這是因?yàn)樗鼪]有權(quán)限往我們的電腦上面寫東西，所以我們用其他辦法，在剛才執(zhí)行的命令前加 sudo? 也就是執(zhí)行這樣的命令：sudo npm install -g react-native-cli ? 輸入密碼，然后網(wǎng)速好的話，會有個(gè)會轉(zhuǎn)圈的線，沒轉(zhuǎn)幾圈就安裝好了，如下圖

到此，我們的React Native的環(huán)境就已經(jīng)被我們搭建好了，下面我們就可以快樂的開發(fā)React Native項(xiàng)目了。

如果你覺得我?guī)椭四?，不妨關(guān)注我！好朋友不就是從關(guān)注開始的咩？