一、安装Java JDK
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
环境变量配置
JAVA_HOME:安装的目录
Path:%JAVA_HOME%\bin\ %JAVA_HOME%\jre\bin\ (这是两个)
CLASSPATH:%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
测试
终端输入 java -version 不报错的话,可以进行下一步了
二、安装Android SDK
http://www.androiddevtools.cn/
安装好后解压,点击SDK Manager.exe,勾选全部,然后下载,时间比较长一点
安装完成之后,同样配置环境变量
ANDROID_HOME: 安装的目录
path: %ANDROID_HOME%\build-tools\28.0.3;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;
注意:28.0.3是目录的名字,需要修改的
同样,终端输入 adb ,不报错的话,进行下一步
三、安装ant
https://ant.apache.org/bindownload.cgi
配置环境变量
ANT_HOME:安装的目录
path D:\Program Files\ant\bin (这个是安装的目录,需要修改)
classpath D:\Program Files\ant\lib
终端输入 ant -v 不报错就可以进行下一步
四、安装gradle
http://services.gradle.org/distributions/
安装好后,配置环境变量
path: D:\Program Files\gradle-4.7\bin (安装的目录,需要修改)
终端输入 gradle -v 检测
到这里后环境就算是配置完成了,可以安装Cordova 进行打包了
五、安装 Cordova
npm install -g cordova
创建项目
cordova create hello com.example.hello helloworld
其中hello 是文件名 helloworld 是apk 项目名 apk 的名字 后期可以更改的
添加目标平台
cordova platform add android --save
检测现在的环境
cordova requirements
到这一步我们就可以用到vue了,将打包好的vue文件dist中的内容复制到www中
运行cordova build android ,漫长的等待后,我们就可以看到打包结果了
下面的文件夹中就可以看到打包好的apk 了
PS: 打包好的apk,图标和名字可以在下图中的文件进行修改