React Native環(huán)境安裝

前言

對于React Native這個跨平臺移動應(yīng)用開發(fā)框架早有耳聞笼吟,一直想抽出時間去學(xué)習(xí)砚殿,但無奈身患懶癌晚期,一直遲遲沒有投入時間和精力先朦。

最近在找工作面試,發(fā)現(xiàn)很多公司已將RN作為iOS人員的必要條件犬缨,面過的幾家大公司也基本上都是RN+H5+原生進行開發(fā)喳魏,純粹原生App應(yīng)用將越來越少。所以學(xué)習(xí)RN顯得尤為的重要怀薛,想不如做刺彩,于是就開始了我的RN之旅。


一枝恋、安裝Homebrew

Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn’t include with OS X创倔。

Homebrew是一個包管理器,用于在Mac上安裝一些OS X沒有的UNIX工具(比如著名的wget)焚碌,Homebrew將這些工具統(tǒng)統(tǒng)安裝到了 /usr/local/Cellar 目錄中畦攘,并在 /usr/local/bin 中創(chuàng)建符號鏈接。

命令行輸入:

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

哎呀十电,報錯了知押!

需要先打開Xcode

打開Xcode后繼續(xù)......

出現(xiàn)successful說明安裝成功

Homebrew安裝成功

可以輸入brew doctor用來檢測沖突

因為我是新安裝的系統(tǒng)和xcode,檢測時提醒我安裝xcode tool

未安裝Xcode Tool

二.安裝Node.js

React Native 需要 NodeJS 4.0或更高版本鹃骂,Homebrew的Node默認包是6.0版本的台盯,所以直接安裝:

brew install node

出現(xiàn)installing node說明安裝成功

node安裝成功

三、安裝React Native 命令行工具npm

npm是一個包管理工具畏线,它是用來管理node的爷恳,可以通過命令行工具輕松創(chuàng)建和初始化工程。

npm install-greact-native-cli

如果出現(xiàn)錯誤 :EACCES: permission denied,使用命令:

sudo npm install -g React-native-cli

react-native命令行從npm官方源拖代碼時會遇上麻煩象踊。需要將npm倉庫源替換成淘寶的:

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

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

四温亲、安裝其他插件安裝

Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載杯矩。React Native的命令行工具用于執(zhí)行創(chuàng)建栈虚、初始化、更新項目史隆、運行打包服務(wù)

npm install -g yarn react-native-cli

Whtchman是Facebook開發(fā)的一個檢測文件系統(tǒng)變化的工具魂务,在RN開發(fā)中可以檢測js文件等是否有變化,從而達到保存及編譯的效果。這個在windows中也有粘姜,個人覺得可裝也可以不裝鬓照,直接手機上reload也是可以的。

brew install watchman

Flow是靜態(tài)類型檢查工具

brew install flow

webpack是一個模塊打包器孤紧。它的主要目標是將 JavaScript 文件打包在一起

brew install webpack

五豺裆、js開發(fā)工具的安裝

WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。網(wǎng)上有破解版可以下載号显,但是有能力的還是希望支持正版臭猜,畢竟都是開發(fā)者。(我使用的是這個)

Nuclide是由Facebook提供的基于atom的集成開發(fā)環(huán)境押蚤,可用于編寫蔑歌、運行和調(diào)試React Native應(yīng)用。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末揽碘,一起剝皮案震驚了整個濱河市次屠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌雳刺,老刑警劉巖帅矗,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異煞烫,居然都是意外死亡,警方通過查閱死者的電腦和手機累颂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門滞详,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人紊馏,你說我怎么就攤上這事料饥。” “怎么了朱监?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵岸啡,是天一觀的道長。 經(jīng)常有香客問我赫编,道長巡蘸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任擂送,我火速辦了婚禮悦荒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘嘹吨。我一直安慰自己搬味,他們只是感情好,可當我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著碰纬,像睡著了一般萍聊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上悦析,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天寿桨,我揣著相機與錄音,去河邊找鬼她按。 笑死牛隅,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的酌泰。 我是一名探鬼主播媒佣,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼陵刹!你這毒婦竟也來了默伍?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤衰琐,失蹤者是張志新(化名)和其女友劉穎也糊,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體羡宙,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡狸剃,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了狗热。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片钞馁。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖匿刮,靈堂內(nèi)的尸體忽然破棺而出僧凰,到底是詐尸還是另有隱情,我是刑警寧澤熟丸,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布训措,位于F島的核電站,受9級特大地震影響光羞,放射性物質(zhì)發(fā)生泄漏绩鸣。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一纱兑、第九天 我趴在偏房一處隱蔽的房頂上張望全闷。 院中可真熱鬧,春花似錦萍启、人聲如沸总珠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽局服。三九已至钓瞭,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間淫奔,已是汗流浹背山涡。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留唆迁,地道東北人鸭丛。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像唐责,于是被迫代替她去往敵國和親鳞溉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,465評論 2 348

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