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项目名 }