Mac安装sdk环境以及ionic项目的运行及打包

最新推荐文章于 2021-05-27 10:15:40 发布

Chocolyte

最新推荐文章于 2021-05-27 10:15:40 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/LYmahang123/article/details/71172594

ionic 专栏收录该内容

0 篇文章

订阅专栏

本文详细介绍如何在Mac上安装并配置Ionic开发环境，包括安装Android Studio、配置Android SDK环境变量、安装Ionic和Cordova等步骤，以及解决常见问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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