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

cordova+vue 项目打包构建Android应用,第1张

概述环境准备工作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应用所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1062214.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存