cordova+vue 项目打包构建Android应用

概述环境准备工作Windows1、首先安装jdk、https://www.oracle.com/javaechnologies/javase-jdk8-downloads.htmlPS：这些提醒一下同学、jdk建议默认安装C盘、不然太折腾人了版本检测：java-version目前在官网下载低于jdk1.8的javajdk的时候需要登陆，这边分享一个账号，方便下载 （PS 环境准备工作 windows

1、首先安装jdk、
https://www.oracle.com/java/technologIEs/javase-jdk8-downloads.HTML

PS：这些提醒一下同学、jdk 建议默认安装C盘、不然太折腾人了
版本检测：

java -version

目前在官网下载低于jdk1.8的java jdk的时候需要登陆，这边分享一个账号，方便下载 （PS：这个是网上找到）Oracle账号（转载）

2696671285@qq.com 
密码：Oracle123
来源地址：https://blog.csdn.net/Stars_min/article/details/91659994

 

2、AndroID SDK下载

https://www.androIDdevtools.cn/

 

3、安装Gradle

https://services.gradle.org/distributions/

版本检测：

Gradle -v

 

 

系统变量 配置 新增如下：JAVA_HOME C:\Program files\Java\jdk1.8.0_251CLAsspATH .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jarPath 新增如下：Path%JAVA_HOME%\jre\bin%JAVA_HOME%\binE:\AdnroID\Tools\androID-sdk_r24.4.1-windows\androID-sdk-windowsE:\AdnroID\Tools\androID-sdk_r24.4.1-windows\androID-sdk-windows\platform-toolsE:\AdnroID\Tools\androID-sdk_r24.4.1-windows\androID-sdk-windows\build-toolsE:\AdnroID\Tools\androID-sdk_r24.4.1-windows\androID-sdk-windows\toolsE:\AdnroID\Tools\androID-sdk_r24.4.1-windows\androID-sdk-windows\cmdline-tools\latest

 

Cordova 配置

Cordova中文网： http://cordova.axuer.com/

1、安装cordova
这一步的前提是已经完成安装node。
node安装：https://nodeJs.org/zh-cn/

2、全局安装

npm install -g cordova版本检测：cordova -v

 

3、新建cordova项目

cordova create Chy.Demo.Cordova org.apache.cordova.ChyApp Chy.Demo目录结构注解：Chy.Demo.Cordova：cordova目录名org.apache.cordova.ChyApp： 包名Chy.Demo 项目名

 

4、生成cordova platform add androID 创建AndroID平台所需要的cordova库

cordova platform add androID

 

PS：到这里基本上已经完成大半工作了！！！

Vue项目构建

1、首先全局安装Vue-cli脚手架

npm install -g vuenpm install -g vue-cli

 

2、使用命令行创建Vue项目

vue init webpack Chy.Demo

 

3、修改Vue项目config/index.Js文件.

index: path.resolve(__dirname, '../www/index.HTML'),assetsRoot: path.resolve(__dirname, '../www'),assetssubdirectory: '',assetsPublicPath: '',

4、使用npm run build 编译发布项目

AndroID Apk生成

1、将生成的www文件夹目录下的文件、覆盖至 Cordova项目中的 www

2、执行命令编译生成apk文件、
cordova build androID

3、Apk文件目
项目\platforms\androID\app\build\outputs\apk\deBUG 文件夹下

4、打包调试之前、首先要检查AndroIDSDK是否正确安装，执行命令检测
cordova requirements

5、通过命令

cordova serve androID

 

然后在浏览器里面通过http://localhost:8000/androID/www/index.HTML#/可以访问该页面（就像在手机中看到页面一样）

 

PS：能看见这一步、基本上可以快乐的玩耍起来了、！！！

 

总结

以上是内存溢出为你收集整理的cordova+vue 项目打包构建Android应用全部内容，希望文章能够帮你解决cordova+vue 项目打包构建Android应用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。