ionic 及cordova环境配置

1、安装nodejs 参见 https://blog.csdn.net/liwan09/article/details/104651650

2、安装cordova和ionic

cmd 执行命令 npm i -g cordova ionic

ionic cordova 安卓环境配置

执行完成后,可通过 node -v 和cordova -v 查看安装的版本

ionic cordova 安卓环境配置

Android 环境配置(打包环境)

1、Java JDK配置

    1)下载jdk  https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.htm

注:Cordova 与最新版的 JAVA SDK不兼容,必须安装JDK8

ionic cordova 安卓环境配置

2)安装JDK

默认安装目录:C:\Program Files\Java\jdk1.8.0_231\

ionic cordova 安卓环境配置

3)JDK环境变量配置

 a.我的电脑——属性——高级系统设置——高级——环境变量

b.系统变量——新建 变量名为JAVA_HOME,变量值为JAVA JDK安装目录

ionic cordova 安卓环境配置

c.系统变量——新建  变量名CLASSPATH,变量值 .;%JAVA_HOME%\lib

ionic cordova 安卓环境配置

d.选择“系统变量”中变量名为“Path”的环境变量,双击该变量,在原来变量后追加 %JAVA_HOME%\bin

ionic cordova 安卓环境配置

ionic cordova 安卓环境配置

ionic cordova 安卓环境配置

测试JDK环境变量的配置成功与否。在DOS命令行窗口输入“JAVAC”,输出帮助信息即为配置正确

ionic cordova 安卓环境配置

2、Android SDK 环境配置

1)下载并安装 Android Studio https://developer.android.google.cn/studio

ionic cordova 安卓环境配置

2)Android SDK安装及环境配置

Android Studio 安装完成后,启动(注:第一次进入出现的导入配置页面,不要做任何配置的导入)

 进入Android Studio,出现proxy设置的错误,直接点击cancle,进入下一步 Android SDK的安装

ionic cordova 安卓环境配置

进入欢迎界面,直接点击Next按钮

ionic cordova 安卓环境配置

ionic cordova 安卓环境配置

当进入到Verify Settings界面时,直接点击finish按钮,进行SDK的安装

ionic cordova 安卓环境配置

ionic cordova 安卓环境配置

Android SDK安装完成后,启动Android Studio,进入首页

ionic cordova 安卓环境配置

在Configure中下拉选择SDK Manager,找到SDK 安装目录

ionic cordova 安卓环境配置

下面进行Android SDK环境变量配置

a.我的电脑——属性——高级系统设置——高级——环境变量

b.系统变量——新建  变量名ANDROID_HOME,变量值为SDK的安装目录 C:\Users\Administrator\AppData\Local\Android\Sdk

c.系统变量中 找到path ,新建 %ANDROID_HOME%\platform-tools 和%ANDROID_HOME%\tools 两个环境变量

ionic cordova 安卓环境配置

3、Gradle环境配置

1)下载gradle https://gradle.org/

进入gradle官网,点击Install Gradle

ionic cordova 安卓环境配置

点击 release page,进入下载页面

ionic cordova 安卓环境配置

在 getting Started Resources 中,可看到版本,选择版本需要的版本,根据不同情况下载包,我选择的是complete

ionic cordova 安卓环境配置

2)gradle环境变量配置

将下载包解压,把解压的文件夹,拷贝到C盘下的Program Files文件夹下

ionic cordova 安卓环境配置

然后进行gradle环境变量配置

a.我的电脑——属性——高级系统设置——高级——环境变量

b.在系统变量中,选择Path,再点击编辑,新建  输入值:C:\Program Files\gradle-6.2.1\bin

ionic cordova 安卓环境配置

ionic cordova 安卓环境配置

 

相关文章: