安装node.js上node.js官网下载稳定版
直接安装指示,下一步完成
打开终端,输入`node -v` 出现下图证明安装成功
2.安装jdk 1.8
上 oracle 官网页面最下面点击红色区域
下载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 都有东西出来就是安装成功
- 安装Ansdroid sdk
- 可以参照这个博客 在MAC中安装Android SDK 进行安装Android sdk博客地址
- 注意记得勾选好自己的需要的sdk配置。
- 安装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没有下对相应的版本号
这是小编在上面Android sdk安装介绍的基础增加下载的,各位可以根据自己的情况自行下载。
打包成功会出现apk安装包的路径,如下图
小编尝试两次打包都成功,希望可以帮助大家!打包过程可能会出现其他问题,小编还没有遇见,请自行查找答案。