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。
出现版本号,配置成功。
npm install -g cordova
通过cordova -v查看是否安装成功。
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_HOME,变量值为gradle的安装路径。在系统环境变量的path中添加%GRADLE_HOME%\bin
。
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
$ cordova build android
构建完成后按照路径找到打包成功的app-debug.apk
,将这个apk运行在安卓手机上,或者直接拖在夜神模拟器或者其他模拟器中。
此时点击MyEJ,就可以使用了。
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以上版本中使用。
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下载地址如下,下载对应电脑的版本。
https://developer.android.google.cn/studio/
http://www.android-studio.org/