cordova项目流程
npm i -g cordova //安装cordova
cordova create cordova项目名 //创建cordova项目
cordova platform //先进入cordova项目目录。查看支持的平台
cordova platform add android //添加平台,这里是安卓android
cordova plugin add cordova-plugin-device //添加插件,这里是cordova-plugin-device
打包流程(debug版)
1、修改main .js,将deviceready事件注释的代码打开
2、生成dist后找到dist下的index.html 加上引入cordova的脚本
<script src=cordova.js></script>
<script src=cordova_plugins.js></script>
3、将dist下的文件拷贝到cordova的www目录
4、cordova build android
5. cordova run android //必须先build生成apk再运行到安卓手机
cordova应用启动流程:
原生代码-加载引导页(splashscreen)-加载html-加载js
main.js
//打包apk时需要此处代码,主要用于获取设备信息
// document.addEventListener("deviceready", function () {
// var platform = device.platform;
// //返回设备上运行的cordova版本信息
// console.log("device.cordova:"+device.cordova);
// //
// console.log("device.model:"+device.model);
// this.platform = device.platform;
// console.log("device.platform:"+device.platform);
/* 这里为初始化vue实例 */
// }, false)
vue.config.js
module.exports = {
//基本路径
publicPath: './', //页面空白与此无关
// //输出文件目录 xordova项目名如cordovaPro
outputDir: './cordovaPro/www' //cordovaPro为vue下cordova项目名
}