1.安裝Homebrew
homebrew 是一個(gè)mac下面的包管理工具我們可以通過它來安裝一下開發(fā)上的東西监憎。
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.安裝java 環(huán)境
brew cask install java
查看java環(huán)境是否安裝成功
java -version
成功的消息提示
3.安裝node
直接去node官網(wǎng)上下載下來人后安裝就行了,推薦使用穩(wěn)定版衬吆。如果追求高版本的話可以下載測試版
查看是否安裝成功執(zhí)行node -v
查看node版本
注:用brew 安裝的node出現(xiàn)過在項(xiàng)目中下載一些包不能成功实夹,項(xiàng)目啟動不能成功直砂!所以自己手動下載安裝
4.安裝ionic幌陕,cordova
npm install -g ionic cordova
查看是否安裝成功
//查看ionic版本
ionic -v
//查看cordova 版本
cordova -v
5.創(chuàng)建項(xiàng)目
ionic start 項(xiàng)目名
創(chuàng)建完成項(xiàng)目然后啟動查看下項(xiàng)目是否創(chuàng)建成功供璧,如果啟動成功后執(zhí)行下一步
6.安裝android-sdk(建議用方法二存崖,簡單快捷方便,管理也好用)
方法一
1.啟動Terminal終端工具
2.輸入cd ~/ 進(jìn)入當(dāng)前用戶的home目錄
3. 創(chuàng)建:touch .bash_profile
4.打開并編輯:open .bash_profile
5睡毒、在文件中寫入以下內(nèi)容:
exportANDROID_HOME=/usr/local/opt/android-sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
保存按Esc
按鈕輸入
:wq //保存退出
注:上面的目錄根據(jù)你自己的sdk路徑而改變
6来惧、執(zhí)行如下命令立即生效:source .bash_profile
7、驗(yàn)證:輸入android回車演顾。如果未顯示command not found供搀,說明此命令有效,環(huán)境變量設(shè)置完成钠至。
方法二
brew cask install android-sdk
查看成功
android
安裝android 編譯tools
# 列出所有已安裝葛虐、可安裝、可更新的包
sdkmanager --list
結(jié)果如下(做了簡化棉钧,僅供參考)
Installed packages:
Path | Version | Description | Location
------- | ------- | ------- | -------
add-ons;addon-g..._apis-google-22 | 1.0.0 | Google APIs, Android 22 | add-ons/addon-g...apis-google-22/
build-tools;25.0.2 | 25.0.2 | Android SDK Build-Tools 25.0.2 | build-tools/25.0.2/
docs | 1 | Documentation for Android SDK | docs/
emulator | 26.0.0 | Android Emulator | emulator/
extras;android;m2repository | 47.0.0 | Android Support Repository | extras/android/m2repository/
extras;google;m2repository | 55 | Google Repository | extras/google/m2repository/
extras;m2reposi...ut-solver;1.0.2 | 1 | Solver for ConstraintLayout 1.0.2 | extras/m2reposi...t-solver/1.0.2/
extras;m2reposi...nt-layout;1.0.2 | 1 | ConstraintLayout for Android 1... | extras/m2reposi...t-layout/1.0.2/
patcher;v1 | 1 | SDK Patch Applier v1 | patcher/v1/
patcher;v4 | 1 | SDK Patch Applier v4 | patcher/v4/
platform-tools | 25.0.5 | Android SDK Platform-Tools | platform-tools/
platforms;android-25 | 3 | Android SDK Platform 25, rev 3 | platforms/android-25/
sources;android-25 | 1 | Sources for Android 25 | sources/android-25/
system-images;a...gle_apis;x86_64 | 4 | Google APIs Intel x86 Atom_64 ... | system-images/a...le_apis/x86_64/
tools | 26.0.2 | Android SDK Tools | tools/
Available Packages:
Path | Version | Description
------- | ------- | -------
add-ons;addon-g..._apis-google-24 | 1 | Google APIs
add-ons;addon-g...e_gdk-google-19 | 11 | Glass Development Kit Preview
build-tools;26.0.0 | 26.0.0 | Android SDK Build-Tools 26
cmake;3.6.4111459 | 3.6.4111459 | CMake 3.6.4111459
docs | 1 | Documentation for Android SDK
emulator | 26.0.3 | Android Emulator
extras;android;gapid;1 | 1.0.3 | GPU Debugging tools
extras;android;gapid;3 | 3.1.0 | GPU Debugging tools
extras;android;m2repository | 47.0.0 | Android Support Repository
extras;google;auto | 1.1 | Android Auto Desktop Head Unit...
extras;google;g...e_play_services | 42 | Google Play services
extras;google;instantapps | 1.0.0 | Instant Apps Development SDK
extras;google;m2repository | 55 | Google Repository
extras;google;m...t_apk_expansion | 1 | Google Play APK Expansion library
extras;google;market_licensing | 1 | Google Play Licensing Library
extras;google;play_billing | 5 | Google Play Billing Library
extras;google;simulators | 1 | Android Auto API Simulators
extras;google;webdriver | 2 | Google Web Driver
extras;intel;Ha...ecution_Manager | 6.1.1 | Intel x86 Emulator Accelerator...
extras;m2reposi...ut-solver;1.0.0 | 1 | Solver for ConstraintLayout 1.0.0
extras;m2reposi...er;1.0.0-alpha4 | 1 | com.android.support.constraint...
extras;m2reposi...ut-solver;1.0.2 | 1 | Solver for ConstraintLayout 1.0.2
extras;m2reposi...nt-layout;1.0.0 | 1 | ConstraintLayout for Android 1...
extras;m2reposi...out;1.0.0-beta5 | 1 | ConstraintLayout for Android 1...
extras;m2reposi...nt-layout;1.0.2 | 1 | ConstraintLayout for Android 1...
lldb;2.3 | 2.3.3614996 | LLDB 2.3
ndk-bundle | 15.1.4119039 | NDK
patcher;v4 | 1 | SDK Patch Applier v4
platform-tools | 26.0.0 | Android SDK Platform-Tools
platforms;android-26 | 1 | Android SDK Platform 26
sources;android-25 | 1 | Sources for Android 25
system-images;a...s_playstore;x86 | 4 | Google Play Intel x86 Atom Sys...
tools | 26.0.2 | Android SDK Tools
Available Updates:
ID | Installed | Available
------- | ------- | -------
emulator | 26.0.0 | 26.0.3
platform-tools | 25.0.5 | 26.0.0
system-images;android-25;google_apis;x86_64 | 4 | 6
done
安裝
sdkmanager "platforms;android-26"
sdkmanager "build-tools;26.0.0"
至此android sdk安裝完成
7.安裝gradle
brew install gradle
注意:gradle版本不正確安裝指定gradle版本可查看brew安裝指定版本gradle
8.打包
cordova platform add android
cordova build android
至此打包完成