最近接到一个 angular + ionic + cordova 版本比较老的项目，知识（芝士就是力量）盲区 cordova 打包 apk，也是去看了各种大佬分享的芝士，做一个总结方便你我他。

一 、环境配置下先

1、前端必备node.js

官网地址附上：node下载地址（下一步即可）
菜鸟教程官网node环境配置教程（分享）

2、JAVA_JDK下载与安装

oracle官网地址下载 注意看文字，别光看图片哦

下载好的jdk打开后安装到自己想要的盘符（分为jdk和jre两次安装)

安装好的jdk需要进行环境变量的配置。我使用的是Win10的系统，“此电脑/计算机”右键 “属性”，进入“高级系统设置”



俩个新建，选择系统变量下的新建。变量名JAVA_HOME（代表你的JDK安装路径），值对应的是你的JDK的安装路径 （特别声明：楼主电脑已安装，有些图片是借的）

创建变量名CLASS_PATH：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
注意：注意最前面的那个点也是必须

找到系统自带的变量名path：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;


最后windows+R键输入cmd 回车后输入java -version javac -version
出现下图版本号则说明安装成功
注：若输入 javac -version 后，没有出现其版本号，则是classpath变量设置问题，重新检测classpath变量路劲是否正确。

3、安装gradle

下载链接 点击进入



下载成功后，解压到任意位置，将路径添加到path路径下，选择我的电脑，右键点击属性，余下步骤如下图

Win+R->cmd,输入gradle,如下图便是安装配置好了

4、Android SDK 环境变量配置

下载地址
这个地方我只需要sdk不需要他的编辑器所以这个地方我们就只下载sdk

下载好了解压到存放位置，可参考（超详细） 详细步骤
（1）终端中输入adb，出现下图表示成功

5、安装ant

下载地址

下载第一个就好

下载完成之后解压到你想安装的目录

右击我的电脑–属性–高级系统设置–环境变量–点击新建用户变量

名：ANT_HOME

值：D:\Program Files\ant

具体和上面环境变量配置步骤一致，借个图先

终端输入ant -v出现以下画面表示安装成功

6、安装cordova

全局安装

npm install -g cordova

cd到你想要创建项目的文件夹，cordova create是创建项目的命令，hello为本地文件夹名称，com.example.hello为项目id，HelloWorld为最后app的名称

$ cordova create hello com.example.hello HelloWorld

执行成功后

结构说明
hooks：存放自定义cordova命令的脚本文件。
config.xml ：cordova的配置文件
www:工作目录,所有的html，js之类的文件默认加载到index.html，在cordova prepare时被copy到各个平台的assert的www目录中
plugins：已安装的插件
platforms：各平台的工程目录，cordova编译工程时会将其覆盖

给你的App添加目标平台，现在我们添加android’平台，并确保他们保存在了config.xml中

$ cordova platform add android --save

成功

检查平台设置情况

cordova platform ls

顺利添加成功没有报任何error，运行这个命令会是这样的

最后运行cordova build android进行打包
打包完成后可以在项目文件夹platforms\android\app\build\outputs\apk\debug内找到打包好的apk文件

7、打包vue项目

当然cordova也是可以用来打包vue项目的
（1）利用doc命令进入hello文件夹，再执行doc命令添加平台 cordova plarform add android
（2）删除hello文件夹内的www的文件。 拷贝dist内的vue文件到hello内的www文件夹内
（3）最后执行命令 cordova build android。如果出现下面的提示，就表示成功了。

特别提示

注：本文章也是参考好多博主的文章一步步学习来的，并非全部原创,文章如有 遗漏、错误 请留言指出