配置React Native的開發(fā)環(huán)境以及創(chuàng)建項目

必備安裝軟件

一同诫、Homebrew

Homebrew, Mac系統(tǒng)的包管理器,用于安裝NodeJS和一些其他必需的工具軟件樟澜。

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

注:在Max OS X 10.11(El Capitan)版本中误窖,homebrew在安裝軟件時可能會碰到/usr/local目錄不可寫的權(quán)限問題≈确。可以使用下面的命令修復:

sudo chown -R `whoami` /usr/local

二霹俺、安裝npm 和 Node

使用Homebrew來安裝Node.js,或者可以下載pkg安裝包進行安裝Node.js毒费。Node安裝成功后npm自動也就有了丙唧。

brew install node

安裝完Node后建議設(shè)置npm鏡像以加速后面的過程

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

三、安裝WatchMan

Watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具觅玻。安裝此工具可以提高開發(fā)時的性能(packager可以快速捕捉文件的變化從而實現(xiàn)實時刷新)想际。
注:此工具官方雖然是推薦安裝,但在實踐中溪厘,我們認為此工具是必須安裝胡本,否則可能無法正常開發(fā)。

brew install watchman

三畸悬、安裝Flow

Flow是一個靜態(tài)的JS類型檢查工具侧甫。
注:你在很多示例中看到的奇奇怪怪的冒號問號,以及方法參數(shù)中像類型一樣的寫法蹋宦,都是屬于這個flow工具的語法披粟。這一語法并不屬于ES標準,只是Facebook自家的代碼規(guī)范冷冗。所以新手可以直接跳過(即不需要安裝這一工具守屉,也不建議去費力學習flow相關(guān)語法)。

brew install flow
必備安裝軟件

配置React Native的開發(fā)環(huán)境

一贾惦、安裝React Native

sudo npm install -g react-native-cli

二胸梆、創(chuàng)建React Native的應用

react-native init MyAppName
配置React Native的開發(fā)環(huán)境

注:最后幾行中描述了如何運行對應環(huán)境的方法敦捧。

擴展:

管理React Native庫的版本

在開發(fā)中,會經(jīng)常的去控制React Native的版本庫碰镜,得以適配各種條件下的開發(fā)兢卵,那該如何查看、控制ReactNative的版本呢绪颖?

1秽荤、查看本地的React Native的版本
react-native --version
查看本地的React Native的版本
2、更新本地的React Native的版本
sudo npm update -g react-native-cli
3柠横、查詢react-native的npm包最新版本

npm的全稱是Node Package Manager 窃款,是一個NodeJS包管理和分發(fā)工具,已經(jīng)成為了非官方的發(fā)布Node模塊(包)的標準牍氛。
npm包地址 :https://www.npmjs.com/package/react-native

命令行查詢

sudo npm info react-native

項目中查看


image.png
4晨继、升級或者降級npm包的版本
sudo npm install --save react-native@0.18
5、更新項目templates文件

新的npm包會包含更新在運行react-native init命令生成的一些動態(tài)文件搬俊,例如init創(chuàng)建項目的時候會生成iOS和Android的子項目紊扬,我們可以通過以下的命令進行獲取最新的代碼

react-native upgrade
6、WebStom設(shè)置React Native代碼提示

6.1 從gitHub上下載xml插件
https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
6.2 安裝
將ReactNative.xml復制到 ~/Library/Preferences/WebStorm10/templates 唉擂,然后重啟 WebStrom餐屎。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市玩祟,隨后出現(xiàn)的幾起案子腹缩,更是在濱河造成了極大的恐慌,老刑警劉巖空扎,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件藏鹊,死亡現(xiàn)場離奇詭異,居然都是意外死亡转锈,警方通過查閱死者的電腦和手機伙判,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來黑忱,“玉大人,你說我怎么就攤上這事勒魔「ι罚” “怎么了?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵冠绢,是天一觀的道長抚吠。 經(jīng)常有香客問我,道長弟胀,這世上最難降的妖魔是什么楷力? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任喊式,我火速辦了婚禮,結(jié)果婚禮上萧朝,老公的妹妹穿的比我還像新娘岔留。我一直安慰自己,他們只是感情好检柬,可當我...
    茶點故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布献联。 她就那樣靜靜地躺著,像睡著了一般何址。 火紅的嫁衣襯著肌膚如雪里逆。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天用爪,我揣著相機與錄音原押,去河邊找鬼。 笑死偎血,一個胖子當著我的面吹牛诸衔,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播烁巫,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼署隘,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了亚隙?” 一聲冷哼從身側(cè)響起磁餐,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎阿弃,沒想到半個月后诊霹,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡渣淳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年脾还,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片入愧。...
    茶點故事閱讀 40,488評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡鄙漏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出棺蛛,到底是詐尸還是另有隱情怔蚌,我是刑警寧澤,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布旁赊,位于F島的核電站桦踊,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏终畅。R本人自食惡果不足惜籍胯,卻給世界環(huán)境...
    茶點故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一竟闪、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧杖狼,春花似錦炼蛤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至子寓,卻和暖如春暗挑,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背斜友。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工炸裆, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人鲜屏。 一個月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓烹看,卻偏偏與公主長得像,于是被迫代替她去往敵國和親洛史。 傳聞我的和親對象是個殘疾皇子惯殊,可洞房花燭夜當晚...
    茶點故事閱讀 45,500評論 2 359

推薦閱讀更多精彩內(nèi)容