最近發(fā)現(xiàn)好多同事朋友，都在研究React Native,React Native會(huì)越來越多的公司開始研究、使用。也許是今后一個(gè)趨勢(shì)。這個(gè)技術(shù)主要利用js與原生(iOS Android)進(jìn)行混編,解決HTML5 開發(fā)的APP短板問題.下面我們來看看利用React Native技術(shù)開發(fā)出來的APP(OS Android).

好廢話就講到這里,下面給大家介紹一下,如何在MAC上搭建一個(gè)環(huán)境.

1. 安裝Homebrew

Homebrew主要用于安裝后面需要安裝的watchman、flow

打開MAC的終端，輸入如下命令：

2. 安裝nvm和nodejs

nvm是用于nodejs版本管理的工具，用于安裝nodejs。

對(duì)于nvm應(yīng)該可以使用brew直接安裝，但是我沒有用這個(gè)安裝，讀者可以自己使用如下命令試試：

這樣就能夠在任意的終端中使用nvm命令了。

然后執(zhí)行如下的命令：

這個(gè)用于安裝nodejs和npm。npm用于nodejs包依賴管理的工具。

3. 安裝watchman

watchman是用于監(jiān)聽文件變化的工具，應(yīng)該是用于監(jiān)聽文件變化，然后界面做出響應(yīng)。執(zhí)行如下命令：

4. 安裝flow

flow我個(gè)人理解的是用于靜態(tài)分析js語法錯(cuò)誤的工具，能夠更早的js的語法錯(cuò)誤。執(zhí)行如下的命令：

到這里基本的環(huán)境就配置好了，下面創(chuàng)建一個(gè)iOS的例子，在終端中將目錄切換到你保存工程的目錄，然后執(zhí)行如下的命令：

$ npm install -g react-native-cli

$ react-native init AwesomeProject

$ cd AwesomeProject/

第二個(gè)命令第一次執(zhí)行會(huì)執(zhí)行很長(zhǎng)時(shí)間，因?yàn)樾枰惭b許多東西。然后再終端輸入如下命令打開工程：

這樣就打開了iOS的工程，運(yùn)行一下就能看到模擬器中的界面。

下面試著修改index.ios.js中的文本.

如果是編譯安卓平臺(tái),只需要修改android.index.js就可以啦

然后在模擬器上按Cmd+R，這樣能夠看到修改馬上就呈現(xiàn)到模擬器上了。

這樣環(huán)境就搭建完了,如果之前大家搭建過nodejs環(huán)境的,只需要npm install -g react-native-cli 以下幾步就可以啦.就說到這里之后會(huì)給大家繼續(xù)介紹。

更多精彩內(nèi)容請(qǐng)關(guān)注微博@藍(lán)鷗教育 ，微信【藍(lán)鷗】。

THE END.

文/劉玉剛（藍(lán)鷗講師） ?發(fā)布/藍(lán)鷗仔仔

藍(lán)鷗仔仔，一個(gè)每天拿著5毛錢工資到處嗨的人。

長(zhǎng)期尋找好的文，結(jié)交好的人，幻想著成為一個(gè)伯樂，把好的文給大家一起看，一起成長(zhǎng)。

很高興認(rèn)識(shí)你，喜歡請(qǐng)關(guān)注一個(gè)。這樣，在找文的時(shí)候就更有動(dòng)力了。

PS：你有文，不介意的話給我投稿吧，最最喜歡好文了，期待你的投稿。