ReactNative之搭建開發(fā)環(huán)境(Window-Android)

安裝

必需的軟件

Chocolatey

Chocolatey是一個Windows上的包管理器类嗤,類似于linux上的yum和apt-get糊肠。 你可以在其官方網(wǎng)站上查看具體的使用說明。一般的安裝步驟應(yīng)該是下面這樣:

@powershell -NoProfile -ExecutionPolicy Bypass -Command"iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))"&& SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

一般來說遗锣,使用Chocolatey來安裝軟件的時候货裹,需要以管理員的身份來運行命令提示符窗口。

Python 2

打開命令提示符窗口精偿,使用Chocolatey來安裝Python 2.

注意目前不支持Python 3版本弧圆。

chocoinstallpython2

Node

打開命令提示符窗口赋兵,使用Chocolatey來安裝NodeJS.

chocoinstallnodejs.install

React Native命令行工具(react-native-cli)

React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化搔预、更新項目霹期、運行打包服務(wù)(packager)等任務(wù)。

npminstall -g react-native-cli

如果你遇到EACCES: permission denied權(quán)限錯誤斯撮,可以嘗試運行下面的命令:sudo npm install -g react-native-cli.

Android Studio

Android Studio2.0 or higher.

React Native目前需要Android Studio2.0或更高版本经伙。

Android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令行中輸入javac -version來查看你當前安裝的JDK版本勿锅。如果版本不合要求帕膜,則可以到官網(wǎng)上下載。 或是使用包管理器來安裝(比如choco install jdk8或是apt-get install default-jdk)

Android Studio包含了運行和測試React Native應(yīng)用所需的Android SDK和模擬器溢十。

除非特別注明垮刹,請不要改動安裝過程中的選項。比如Android Studio默認安裝了Android Support Repository张弛,而這也是React Native必須的(否則在react-native run-android時會報appcompat-v7包找不到的錯誤)荒典。

確定所有安裝都勾選了,尤其是Android SDK和Android Device Emulator吞鸭。

在初步安裝完成后寺董,選擇Custom安裝項:

檢查已安裝的組件,尤其是模擬器和HAXM加速驅(qū)動刻剥。

安裝完成后遮咖,在Android Studio的歡迎界面中選擇Configure | SDK Manager。

在SDK Platforms窗口中造虏,選擇Show Package Details御吞,然后在Android 6.0 (Marshmallow)中勾選Google APIs、Intel x86 Atom System Image漓藕、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image陶珠。

在SDK Tools窗口中,選擇Show Package Details享钞,然后在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1揍诽。(必須是這個版本)

ANDROID_HOME環(huán)境變量

確保ANDROID_HOME環(huán)境變量正確地指向了你安裝的Android SDK的路徑。

打開控制面板->系統(tǒng)和安全->系統(tǒng)->高級系統(tǒng)設(shè)置->高級->環(huán)境變量->新建

具體的路徑可能和下圖不一致嫩与,請自行確認寝姿。

你需要關(guān)閉現(xiàn)有的命令符提示窗口然后重新打開,這樣新的環(huán)境變量才能生效划滋。

測試安裝

react-nativeinit AwesomeProjectcd AwesomeProjectreact-nativerun-android

手動運行Packager

有個常見的問題是在你運行react-native run-android命令后饵筑,Packger可能不會自動運行。此時你可以手動啟動它:

cdAwesomeProjectreact-nativestart

如果你碰到了ERROR Watcher took too long to load的報錯处坪,請嘗試將這個文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native/目錄下)根资。

修改項目

現(xiàn)在你已經(jīng)成功運行了項目架专,我們可以開始嘗試動手改一改了:

使用你喜歡的文本編輯器打開index.android.js并隨便改上幾行

按兩下R鍵,或是用Menu鍵(通常是F2玄帕,在Genymotion模擬器中是?+M)打開開發(fā)者菜單部脚,然后選擇Reload JS就可以看到你的最新修改。

在終端下運行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的應(yīng)用的日志裤纹。

完成了委刘!

恭喜!你已經(jīng)成功運行并修改了你的第一個React Native應(yīng)用鹰椒。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末锡移,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子漆际,更是在濱河造成了極大的恐慌淆珊,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件奸汇,死亡現(xiàn)場離奇詭異施符,居然都是意外死亡,警方通過查閱死者的電腦和手機擂找,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門戳吝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人贯涎,你說我怎么就攤上這事骨坑。” “怎么了柬采?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長且警。 經(jīng)常有香客問我粉捻,道長,這世上最難降的妖魔是什么斑芜? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任肩刃,我火速辦了婚禮,結(jié)果婚禮上杏头,老公的妹妹穿的比我還像新娘盈包。我一直安慰自己,他們只是感情好醇王,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布呢燥。 她就那樣靜靜地躺著,像睡著了一般寓娩。 火紅的嫁衣襯著肌膚如雪叛氨。 梳的紋絲不亂的頭發(fā)上呼渣,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天,我揣著相機與錄音寞埠,去河邊找鬼屁置。 笑死,一個胖子當著我的面吹牛仁连,可吹牛的內(nèi)容都是我干的蓝角。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼饭冬,長吁一口氣:“原來是場噩夢啊……” “哼使鹅!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起伍伤,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤并徘,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后扰魂,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體麦乞,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年劝评,在試婚紗的時候發(fā)現(xiàn)自己被綠了姐直。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡蒋畜,死狀恐怖声畏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情姻成,我是刑警寧澤插龄,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站科展,受9級特大地震影響均牢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜才睹,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一徘跪、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧琅攘,春花似錦垮庐、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至剧辐,卻和暖如春解恰,著一層夾襖步出監(jiān)牢的瞬間锋八,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工护盈, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留挟纱,地道東北人。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓腐宋,卻偏偏與公主長得像紊服,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子胸竞,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

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