React-Native,Mac下安卓平臺搭建和環(huán)境變量配置

說些碎語

最近一段時間在自學(xué)react-native,由于只有Mac電腦沒有IPhone手機鸣哀,實驗出了一點東西沒有辦法在真機上測試。所以根據(jù) React Native 文檔搭建安卓環(huán)境搭建和配置環(huán)境變量吞彤。

然而失敗了我衬,準(zhǔn)確的說是官方文檔的 安卓環(huán)境搭建配置環(huán)境變量 我沒有看懂叹放。這很是尷尬,經(jīng)過我不懈的努力(就是百度很多方案)挠羔,終于搭配成功井仰,在這和大家分享一下我結(jié)合了很多的方案后總結(jié)的可以說是100%有效的 Mac 下搭建 React Native 的安卓環(huán)境搭建和配置環(huán)境變量

閑話不多說,我們進(jìn)入正題


安裝Android Studio

友情提示

搭建的時候請嚴(yán)格按照官方文檔的要求進(jìn)行搭建破加,因為我搭建的時候以文檔為主俱恶,其他方法為輔。

前面的安裝我就不多在敘述了范舀,按照文檔開始就可以合是,不懂得看文檔,我們從 Android Studio 開始

所需版本

  1. React Native目前需要 Android Studio2.0 或更高版本锭环。
  2. Java Development Kit [JDK] 1.8或更高版本聪全。

注意

  • 你可以在命令行中輸入 javac -version 來查看你當(dāng)前安裝的JDK版本。如果版本不合要求辅辩,則可以到官網(wǎng)上下載难礼。
  • 除非特別注明,請不要改動安裝過程中的選項汽久。比如Android Studio默認(rèn)安裝了 Android Support Repository 鹤竭,而這也是React Native必須的(否則在react-native run-android時會報appcompat-v7包找不到的錯誤)。

安裝過程中有一些需要改動的選項:

  • 選擇 Custom 選項:
  • 勾選 PerformanceAndroid Virtual Device

注意:sdk的安裝地址最好不要亂動景醇,Mac是沒有磁盤分區(qū)的所以各個文件是不會又相互干擾的可能臀稚,所以最好不要胡亂更改地址不然配置環(huán)境變量時會稍微有些麻煩

  • 安裝完成后,在Android Studio的啟動歡迎界面中選擇 Configure | SDK Manager

在SDK Platforms 窗口 和 SDK Tools 窗口

注意:

這里和官方文檔是不一樣的(雖然圖是一樣的)

  • 這里以 Android 6.0 為例選擇sdk下載三痰,圖中選了哪個吧寺,我們跟著選哪個,與圖保持一致(當(dāng)然如果你是開發(fā)Android 5.0散劫,則在Android 5.0的下面選擇與圖對應(yīng)選項進(jìn)行打鉤)

等所有的下載都完成后稚机,我們的Android的IDE工具的搭建就完成了


配置Android環(huán)境變量

配置流程

  1. 在終端中輸入命令,進(jìn)入用戶目錄
    $ cd ~

  2. 輸入命令获搏,該命令的作用是如果不存在.bash_profile文件赖条,則創(chuàng)建該文件
    $ touch .bash_profile

  3. 輸入命令,該命令的作用是用文本編輯器TextEdit打開.bash_profile文件常熙。如果你是第一次配置環(huán)境變量纬乍,則該文檔應(yīng)該是空的。
    $ open -e .bash_profile

  4. 復(fù)制下面的文字到 .bash_profile 文件中裸卫,主要修改sdk目錄
    export ANDROID_HOME=~/Library/Android/sdk
    export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

  5. 修改并保存仿贬,關(guān)閉 .bash_profile 文件

  6. 使用下列命令使其立即生效(否則重啟后才生效):
    $ source ~/.bash_profile

  7. 測試

    • 測試$ echo $ANDROID_HOME 檢查此變量是否已正確設(shè)置。
    • 測試adb命令:$ adb version 顯示版本
    • 測試android命令:$ android 彈出Android Sdk Manager
  8. 運行自己的react-native程序墓贿,Android程序
    $ react-native run-android

當(dāng)這些“·················”安裝完后會發(fā)生報錯茧泪,翻譯過來的意思是運行安卓程序前需要先開啟安卓虛擬機蜓氨。也就是說我們需要 ** 先開啟虛擬機**,再運行react-native的Android程序队伟。
開啟虛擬機的命令 $ android avd
至于虛擬機如何設(shè)定穴吹,我就不再多說了。
到此為止缰泡,我們就可以開始在電腦開啟安卓虛擬機來進(jìn)行react-native程序的安卓版的測試了刀荒。


結(jié)語

親測在我的mac上,網(wǎng)速良好的情況下棘钞,歷時兩個半小時安裝完成并且可以正式運行。


借鑒網(wǎng)站和博客:

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末干毅,一起剝皮案震驚了整個濱河市宜猜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌硝逢,老刑警劉巖姨拥,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異渠鸽,居然都是意外死亡叫乌,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進(jìn)店門徽缚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來憨奸,“玉大人,你說我怎么就攤上這事凿试∨旁祝” “怎么了?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵那婉,是天一觀的道長板甘。 經(jīng)常有香客問我,道長详炬,這世上最難降的妖魔是什么盐类? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮呛谜,結(jié)果婚禮上在跳,老公的妹妹穿的比我還像新娘。我一直安慰自己呻率,他們只是感情好硬毕,可當(dāng)我...
    茶點故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著礼仗,像睡著了一般吐咳。 火紅的嫁衣襯著肌膚如雪逻悠。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天韭脊,我揣著相機與錄音童谒,去河邊找鬼。 笑死沪羔,一個胖子當(dāng)著我的面吹牛饥伊,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蔫饰,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼琅豆,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了篓吁?” 一聲冷哼從身側(cè)響起茫因,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎杖剪,沒想到半個月后冻押,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡盛嘿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年洛巢,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片次兆。...
    茶點故事閱讀 40,561評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡稿茉,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出类垦,到底是詐尸還是另有隱情狈邑,我是刑警寧澤,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布蚤认,位于F島的核電站米苹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏砰琢。R本人自食惡果不足惜蘸嘶,卻給世界環(huán)境...
    茶點故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望陪汽。 院中可真熱鬧训唱,春花似錦、人聲如沸挚冤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽训挡。三九已至澳骤,卻和暖如春歧强,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背为肮。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工摊册, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人颊艳。 一個月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓茅特,卻偏偏與公主長得像,于是被迫代替她去往敵國和親棋枕。 傳聞我的和親對象是個殘疾皇子白修,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,573評論 2 359

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,293評論 25 707
  • 前言 學(xué)習(xí)本系列內(nèi)容需要具備一定 HTML 開發(fā)基礎(chǔ),沒有基礎(chǔ)的朋友可以先轉(zhuǎn)至 HTML快速入門(一) 學(xué)習(xí) 本人...
    珍此良辰閱讀 2,353評論 3 9
  • 盡管在移動開發(fā)中,原生APP的開發(fā)成本很高,但現(xiàn)階段基于原生開發(fā)仍然是必須的,因為Web的用戶體驗仍無法超越Nat...
    奔跑的大橙子閱讀 5,402評論 0 11
  • 文/花隱 入職第一天 醒的很早 鬧鐘還沒響我就醒了 收拾好了坐在那里 姐姐還沒醒 過了一會兒 她很快很熟練的收拾好...
    Fortune花隱閱讀 404評論 1 2
  • 對于依賴于實時信息重斑、位置服務(wù)或與外部設(shè)備通信的 iOS App 熬荆,開發(fā)者可以用后臺刷新來提高用戶體驗,允許 App...
    張嘉夫閱讀 18,371評論 1 52