在Mac上搭建React Native Android開發環境

1.下載Mac版 Java SE Development Kit(JDK)1.8 或者 更高版,并安裝,具體安裝步驟如下:

? ? ? 1.1下載之后,雙擊dmg文件安裝;

? ? ? ?1.2測試JDK的是否安裝成功,在控制臺操作:$ java -version

顯示如圖表示安裝成功

2.安裝Android Studio

2.1 下載Android Studio,推薦從AndroidDevTools官網下載,下載完成后,雙擊dmg文件

2.2 這時候你的應用程序里已經包含Android Studio的圖標了,雙擊該圖標,彈出

為什么會出現這個問題了?因為Android studio 會在打開運行的時候檢測Android sdk,然后了此訪問是需要翻墻的,so 我們采用簡單快速的方法解決

解決方法:在安裝路徑下找到idea.properties文件,用記事本打開,添加disable.android.first.run=true,保存即可


在bin目錄下找到文件進行編輯修改,然后我們重新打開程序繼續安裝

2.3你需要自定義配置你的安裝:

選擇Custom安裝模式

* 勾選Performance和Android Virtual Device

* 安裝完成后, 在Android Studio歡迎頁面選擇Configure | SDK Manager

* 在SDK Platforms窗口中,選擇Show Package Details,在Android 6.0 (Marshmallow)下,確保勾選

Google APIs,?

Android SDK Platform 23,

Sources for Android SDK,

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被勾選,具體如下圖。

②.設置ANDROID_HOME 環境變量

確保ANDROID_HOME環境變量指向存在的Android SDK。 在~/bash_profile(怎么打開這個文件上面已經講過了)添加:

# 如果你是通過Homebrew安裝SDK的,則加入下列路徑exportANDROID_HOME=/usr/local/opt/android-sdk#?

否則可能是(當然具體視你把SDK放在哪):exportANDROID_HOME=~/Library/Android/sdk

建議把Android Tools Directory 也加入到 Path,在~/.bash_profile中加入:

PATH="~/Library/Android/sdk/tools:~/Library/Android/sdk/platform-tools:${PATH}" ?export ?PATH

附:如何打開.bash_profile文件

在控制臺操作:

(1)進去HOME目錄:echo $HOME

(2)創建文件:touch .bash_profile(如果無此文件則需先 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 創建,否則不需此步)

(3)打開文件:open -e .bash_profile

③故障解決

1.安裝Android Studio后,Virtual Device 不會被創建

這是一個在某些Android Studio版本中的已知bug,盡管你在安裝完后選擇了它,你

會在安裝的最后看到:

假如你看到這個,控制臺運行android avd來手動創建vitual device

然后在AVD Manager 窗口選擇新的設備點擊Start...

如果運行不起來,提示HAX is not installed on this machine,則看這篇文章



好了,Android studio安裝完了,這個時候,如果在控制臺可輸入adb。是用不了的,提示:commadb not found,其實這很簡單,這是因為你沒有配置adb的環境變量。不信?大家想想win上配置安卓的環境時是否添加了兩個path,一個是sdk的tools文件夾,另一個是platform-tools文件夾。想起來就對了,mac下也需要配置,接下來教大家如何在mac電腦中也能使用adb命令(開發react Native時,如果是真機調試的話,需要使用adb命令鏈接手機,具體連接方式自行百度):

打開你的.bash_profile文件,在文件中輸入你的sdk路徑:

export PATH=${PATH}:/Users/Richard(你的用戶名)/Downloads/adt-bundle-mac-x86_64-20140702/sdk/platform-tools:/Users/Richard(你的用戶名)/Downloads/adt-bundle-mac-x86_64-20140702/sdk/tools

輸入完后保存并關閉你的文件(關閉即自動保存)

然后接著在你的終端上輸入以下命令:

刷新環境變量:source .bash_profile

然后你就可以使用adb命令來測試了,如果還不行,請檢測你保存的sdk路徑是否正確!


3.安裝node.js

3.1推薦從官網下載,然后一鍵安裝,安裝完后,控制臺輸入node -v;

node.js安裝成功,則可通過npm下載raactNative了

4.接下來到react Native了,快速開始(控制臺操作)

安裝react-native

sudo npm install -g react-native-cli ?(全局安裝,記得帶上sudo);

初始化一個工程

react-nativeinit AwesomeProject (需要耐心等待一段時間)

進入項目目錄

cd AwesomeProject

運行項目

react-nativerun-android


如果發現如下錯誤:

如果你也遇到這個異常了,你就懂了我的無奈,因為這不是人為或是配置出了問題,你要是知道了答案肯定十分的震驚,那是因為:這個異常是 React Native 版本自帶的Bug、“ react-native init 項目名 –version 0.38.0, 這是0.39(最新版本目前)的自身的問題,換0.38就能解決

針對這個異常,下面提供具體解決方案:

在控制臺卸載之前安裝的react Native :npm uninstall --save react-native

再重新安裝 npm install --save react-native@0.38

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,372評論 25 708
  • afinalAfinal是一個android的ioc,orm框架 https://github.com/yangf...
    passiontim閱讀 15,567評論 2 45
  • 三大框架底部都用了反射機制 反射機制的缺點: 打破了封裝性 性能是解釋操做,比原來慢很多.
    雷一凡閱讀 244評論 0 0
  • 你像一本書厚厚的一本看見翻來才知道都是梵文我眨巴著眼睛搞不清楚懂還是不懂真想把你解密如同兵馬俑的三號坑太通透我怕發...
    石川河女神閱讀 227評論 0 1
  • 四角瓦楞,手掌大的天。墻角下,一只帶殼的蝸牛微微蠕動,每前行一步,都很緩慢而艱難,但誰見它后退一步? ...
    蝸牛背包客閱讀 196評論 0 0