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 生成