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的圖標了,雙擊該圖標,彈出
解決方法:在安裝路徑下找到idea.properties文件,用記事本打開,添加disable.android.first.run=true,保存即可
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 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;
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