Mac下ionic@3+ng环境配置及打包

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,有遇到权限问题报错)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容