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/
- 配置环境变量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 也不要有中文