cordova打包web项目成apk的流程,记录一下。方便你我他

最近有个需求,需要打包vue项目成apk。之前负责的员工离职了,没办法了,我来研究了1天多,参考了好几篇文章。我忘了,不能一一列举,不好意思了。只列举一篇了 链接在这里 http://www.cnblogs.com/zhou123/p/9253543.html。我综合了他们的思路,做了一些改变,应该说更简单。

1.       安装node.js 下载地址 https://nodejs.org/en/download/ 下一步即可

2.安装JDK 下载地址

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

3 安装gradle 下载地址

http://services.gradle.org/distributions/

  1. 配置环境变量JAVA_HOME 值就是安装JDK的物理路径

 

 

下一步 双击“Path”,在这里新增3个值,分别指向一个文件夹和两个jar文件

 

 

4 安装android sdk

可以在官网下载 sdk 也可以安装android studio来解决。我是通过此方式配置,所以只讲这种方式。下载地址 https://developer.android.google.cn/studio/index.html 

下载安装完成后 点击下图箭头处,打开界面

界面如下图,记住红框标志处,这是安卓sdk的位置。选中多个安卓版本点击确认。安装版本。

 

下一步,配置环境变量

首先建一个变量ANDROID_HOME,值为上图记住的sdk路径

下一步,双击Path,在下图中新增3个变量,分别指向这3个文件夹

 

5 安装cordrova

npm install -g cordova

6 创建cordrova工程

利用doc命令进入vue源码文件夹,

7创建一个cordova工程 命令cordova create hello com.example.hello helloworld

Hello 是文件夹名,helloworld是app名。com.example.hello是项目包名

7 打包vue项目,不再啰嗦

8 利用doc命令进入hello文件夹,再执行doc命令添加平台 cordova plarform add android

9 删除hello文件夹内的www的文件。 拷贝dist内的vue文件到hello内的www文件夹内。

10 最后执行命令 cordova build android。如果出现下面的提示,就表示成功了。作为一个.net程序员,我表示环境变量很痛苦啊,心疼java程序员一下。文笔较差,就写到这里了。多谢你的阅读

另外提示,尽量路径中不要有中文。安装android studio 也不要有中文

posted @ 2018-11-15 17:47  行走的娃娃  阅读(1879)  评论(0编辑  收藏  举报