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

但我在模拟器中,没有跑起来,目前还没找到原因,等找到原因再补充。但一般模拟器比较慢,还是用手机测试方便些。

你可能感兴趣的:(ionic)