JDK环境搭建

1.下载JDK1.8，网址如下，下载对应电脑版本的JDK。

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

2.下载完成后，安装.exe文件，直接下一步即可，默认路径C:\Program Files\Java\jdk1.8.0_11即可。 3.环境变量的配置，右击"电脑"->“属性”->""->“高级系统变量”->“环境变量”->“系统变量”。 4.在系统变量新建一个系统变量JAVA_HOME,变量值为jdk的安装路径。 5.在系统变量中点击Path，新建环境变量。 %JAVA_HOME%\bin %JAVA_HOME%\jre\bin 6.在系统变量新建一个系统变量CLASSPATH,变量值是.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar。 7.此时已经配置好JDK环境变量，打开cmd,输入java -version。 出现版本号，配置成功。

Cordova的安装

npm install -g cordova

通过cordova -v查看是否安装成功。

SDK的环境配置

SDK下载网址，建议下载zip压缩包。

https://www.androiddevtools.cn/

1.下载完成后和JDK同理，在系统环境变量中配置变量名ANDROID_HOME，变量值为SDK的安装路径。

2.在系统变量中点击Path，新建环境变量。追加%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools。(环境变量在一行显示时，添加分号，用分号隔开，分开显示时，如下图所示)。 3.在cmd中输入adb查看是否配置成功，配置成功截图如下(部分截图)。

Gradle

安装成功Gradle，配置系统环境变量中新增GRADLE_HOME,变量值为gradle的安装路径。在系统环境变量的path中添加%GRADLE_HOME%\bin。

打包app为apk

1.在文件夹下执行命令，创建cordova项目hello。

$ cordova create hello com.example.hello HelloWorld

如果创建项目失败报错如下图，按路径找到Cordova的node_modules删除后重新yarn install获取⼀下依赖。之后重复第一步。 2.进入hello文件夹，执行命令给你的App添加目标平台。

$ cordova platform add android --save

3.打开app项目，在src同级目录下，新建vue.config.js,内容为如下。

module.exports = { publicPath: './', outputDir: 'dist', assetsDir: 'static' }

4.将router中的index.js中的mode: 'history'注释,保存好，然后在控制台执行命令npm run build。会出现dist文件夹，里面有一个index.html，在浏览器打开可以查看页面即可。 5.复制dist文件夹，将里面的内容放到刚刚新建的hello文件夹中的WWW目录下。 6.监测平台状态，平台没有问题，开始构建APP。

监测平台状态

$ cordova platform ls

构建APP

$ cordova build android

构建完成后按照路径找到打包成功的app-debug.apk，将这个apk运行在安卓手机上，或者直接拖在夜神模拟器或者其他模拟器中。 此时点击MyEJ，就可以使用了。

安卓9.0以上需配置以下信息

1.首先打开如上图路径，在AndroidMainfest.xml中配置android:networkSecurityConfig="@xml/network_security_config"。 2.打开res/xml,新建network_security_config.xml配置如下信息。

<?xml version="1.0" encoding="utf-8"?> <network-security-config> <base-config cleartextTrafficPermitted="true" /> </network-security-config>

3.完成以上配置之后，再次执行命令cordova build android，此时生成的apk就可以在安卓9.0以上版本中使用。

vue、axios、element admin技术栈等打包方法

1.更改env.production。 2.更改vue.config.js，将下图框起来的地方更改。 3.将main.js中的框内内容注释。 4.执行npm run build:prod,（看package.json中如果是build则使用npm run build）将打包成功的dist放在服务器的var/www/html/目录下即可输入网址访问。

夜神模拟器的使用（可不看）

安装成功后，打开夜神模拟器，使用方法：

adb devices 查看设备 adb connect 127.0.0.1:62001 连接到夜神模拟器

Android Studio下载

android studio下载地址如下，下载对应电脑的版本。

https://developer.android.google.cn/studio/ http://www.android-studio.org/