1. 程式人生 > >Mac安裝sdk環境以及ionic專案的執行及打包

Mac安裝sdk環境以及ionic專案的執行及打包

ionic是一個hybrid APP開發框架,本文主要講述的是mac上安裝sdk環境,然後用ionic打包安卓和ios。

安裝android studio

網上查了一下,有說用homebrew安裝的,有的說直接解壓的,我嘗試用homebrew安裝,但最後沒有跑起來,然後走了一個捷徑,android studio在執行時,首先就需要下載sdk。(jdk也需要安裝,這裡就不做說明了)。

可以在這裡下載android studio。

安裝完成後,開啟android studio就會讓你下載sdk和ndk以及安卓模擬器,直接點選下載即可。在下載sdk的時候,會讓你選擇一個資料夾,記好這個地址,後面配置sdk地址需要。

配置android地址

~/.bash_profile

檔案裡配置ANDROID_HOME和以及需要的工具:

export ANDROID_HOME=/Users/dxy-ly/Library/Android/sdk
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

然後執行

source ~/.bash_profile

使配置生效。

安裝ionic和cordova

mac上自帶npm,不需要安裝了,可以使用

sudo npm install -g npm

來更新npm,然後安裝ionic和cordova

(sudo) npm install -g ionic cordova

然後可以新建一個工程(預設都是ionic2了)

ionic start newProject

新增android環境

cd newProject
ionic platform android

編譯生成apk檔案

ionic build android

如果上步編譯有問題,可以這樣處理:參考

cd ~/Library/Android/sdk
# download latest tools
curl -O https://dl.google.com/android/repository/tools_r25.2.3-macosx.zip
# overwrite existing tools folder without prompting unzip -o tools_r25.2.3-macosx.zip # clean up rm tools_r25.2.3-macosx.zip

然後可以在模擬器中跑起來

ionic emulate android

但我在模擬器中,沒有跑起來,目前還沒找到原因,等找到原因再補充。但一般模擬器比較慢,還是用手機測試方便些。