cordova+vue 构建Android应用

Cordova打包环境配置

1、安装Node(建议安装LTS版，此版本为长期稳定版)

2、安装Cordova(笔者使用的Cordova是8.0.0)

npm install cordova -g

3、安装Java JDK(JDK是Java语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序)

解压后，根据自己的Windows系统选择对应的jdk版本安装即可

特别提醒：安装过程都保持默认配置即可——为了保证安装后的jdk和jre在同一个地方

4、配置Android SDK与Gradle

-->将解压后的Android文件夹(默认只包含gradle-4.4和Sdk这两个文件夹)，剪切到C:\Users\Administrator\AppData\Local

-->配置Gradle环境变量，只需要把类似于E:\系统必备\gradle-4.4-bin\gradle-4.4\bin 这里的路径添加到path即可，不会的可以网上搜一下添加环境变量。

特别说明：解压后的Android文件夹只能放在路径为C:\Users\(用户名)\AppData\Local的文件夹下，要不然后期Cordova环境检测可能失败。

至此，不出意外的话Cordova打包环境应该已经配置好了。

标注：（笔者 是以Android Studio ）

 

 

5、以上环境配置好以后 修改你的Vue项目 项目文件夹/config/index.js 文件

 

 

6、紧接着修改Vue 项目中的 index.html 文件

 

 

7、创建Cordova 项目

 

 

hooks：存放自定义cordova命令的脚本文件。每个project命令都可以定义before和after的Hook，比如：before_build、after_build。没使用过。

platforms：平台目录，各自的平台代码就放在这里，可以放一下平台专属的代码，现在这个目录应该是空的，后面会介绍如何创建平台。

plugins：插件目录，安装的插件会放在这里。后面会有专门的文章介绍开发插件。

www：最重要的目录，存放项目主题的HTML5和JS代码的目录。app一开始打开的就是这个目录中index.html文件。

config.xml：主要是cordova的一些配置，比如：项目使用了哪些插件、应用图标icon和启动页面SplashScreen，修改app的版本，名字等信息，还有平台的配置。

 

 

8、 将vue 项目build 之后生成的文件覆盖到www文件夹中

 

9、平台创建 cordova platforms add android

 

 

10、cordova build android 生成