1、nodejs环境(版本号:14.15.0)
2、安装ionic和cordova
npm install -g ionic cordova
安装后查看是否安装成功
ionic –v 与cordova –v
3、安装Angular-CLI
npm install -g @angular/cli
安装后 ng v 查看
4、安装android SDK
安装方式有两种
第一种是通过下载Android studio软件默认自带SDK。(下载地址:https://developer.android.google.cn/studio/)
第二种是自行下载。
5、配置android SDK环境变量
1)打开终端输入 vim ~/.bash_profile放入以下配置
export ANDROID_HOME=/Users/liudecheng/Library/Android/sdk (注:放对应路径)
export PATH=${PATH}:/Users/liudecheng/Library/Android/sdk/platform-tools:/Users/liudecheng/Library/Android/sdk/tools(注:放对应路径)
2)写入后:wq保存(wq保存不了用wq!强制保存)
3)输入source ~/.bash_profile 让文件立即生效
4)终端输入adb version查看是否生效
6、JAVA工具包下载(JDK)
版本:java1.8
java -version查看
下载后配置环境变量:
1)打开终端输入 vim ~/.bash_profile放入以下配置
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_341.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
2)写入后:wq保存(wq保存不了用wq!强制保存)
3)输入source ~/.bash_profile 让文件立即生效
7、Gradle下载
下载地址:https://services.gradle.org/distributions/
选择gradle-6.7.1-all.zip下载后解压(位置随便放)
8、Gradle环境配置
1)打开终端输入 vim ~/.bash_profile放入以下配置
export GRADLE_HOME=/Users/liudecheng/downloads/gradle-6.7.1(注:放对应路径)
export PATH=$PATH:$GRADLE_HOME/bin(注:放对应路径)
2)写入后:wq保存(wq保存不了用wq!强制保存)
3)输入source ~/.bash_profile 让文件立即生效
4)终端输入gradle -version查看是否生效
9、创建ionic项目
命令:sudo ionic start myApp tabs (myApp=项目名字,tabs=模版)
10、启动项目到浏览器(进入项目目录)
命令:sudo ionic serve
11、添加安卓平台进入项目
命令:sudo ionic cordova platform add android
12、打包apk
命令:sudo ionic cordova build android
运行到手机:sudo ionic cordova run android
(注:建议用上sudo,有遇到权限问题报错)