Mac ionic3.20.1打包 Android Apk安装包

安装node.js上node.js官网下载稳定版

macbookpro怎么配置android home环境_配置文件

直接安装指示,下一步完成

 打开终端,输入`node -v` 出现下图证明安装成功

macbookpro怎么配置android home环境_Android_02

2.安装jdk 1.8

上 oracle 官网页面最下面点击红色区域

macbookpro怎么配置android home环境_配置文件_03

macbookpro怎么配置android home环境_Android_04

macbookpro怎么配置android home环境_Android_05

下载jdk,点击jdk安装包,然后在双击安装,按照指示完成安装。

配置环境变量

  • 打开终端 输入cd ~
  • 再输入touch .bash_profile 创建配置文件
  • 再输入open .bash_profile 打开配置文件输入下列配置
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_201.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export JAVA_HOME
export PATH
export CLASSPATH
  • 注意:第一条是jdk的安装目录
  • 完成后输入,关闭配置文件,终端输入source .bash_profile ,使配置文件生效
  • 打开终端,输入java -version,java 和javac 都有东西出来就是安装成功
  1. 安装Ansdroid sdk
  • 可以参照这个博客 在MAC中安装Android SDK 进行安装Android sdk博客地址
  • 注意记得勾选好自己的需要的sdk配置。
  1. 安装gradle
  • 进入 gradle 官网,本人使用的是gradle4.5.1 所以建议使用gradle4.5.1版本或更高的版本
  • 下载完成后,解压,然后配置环境变量,打开终端,输入open .bash_profile ,写入下列配置信息
GRADLE_HOME=/Users/cdh/Documents/remember/gradle-4.5.1
export GRADLE_HOME
export PATH=$PATH:$GRADLE_HOME/bin
  • 完成后关闭配置文件,输入source .bash_profile 使配置文件生效
  • 再输入gardle -v 输出gradle版本号,证明配置成功

6.安装ionic

  • 使用 ionic 官网的npm 下载最新版本 npm install -g ionic cordova 安装完成后是使用ionic -v检查版本号
  • 安装ionic 不成功,可能是因为权限问题 sudo npm install -g cordova ionic
  • 降低 ionic 版本 使用 sudo npm install -g ionic@3
  • 再检查版本号 ionic -v
  • 创建ionic项目
  • 创建一个新的文件夹用来放置ionic 项目
  • 打开终端cd 新建文件夹名称
  • 使用ionic start myApp tabs 创建app项目 注意:myApp 是项目名称,可以修改自己喜欢的名称 tabs 是ionic自带的模版型号,可以上 ionic 官网查看文档
  • 出现错误可能是权限问题,加上sudo
  • 创建好项目使用cd myApp就是进入项目
  • 使用ionic serve 运行项目,运行成功会自动打开网页
  • 还是项目的目录里使用sudo ionic cordova platform add android添加Android
  • 然后使用sudo ionic cordova build android 进行打包
  • 出现报错有可能是Android sdk没有下对相应的版本号

macbookpro怎么配置android home环境_前端_06

这是小编在上面Android sdk安装介绍的基础增加下载的,各位可以根据自己的情况自行下载。

打包成功会出现apk安装包的路径,如下图

macbookpro怎么配置android home环境_mac ionic3_07

小编尝试两次打包都成功,希望可以帮助大家!打包过程可能会出现其他问题,小编还没有遇见,请自行查找答案。