一、创建 cordova
1、创建项目
cordova create 项目名
2、添加平台
cordova platform add android --save
cordova platform add ios --save
2、检测平台
cordova platform
二、vue项目创建
1、vue init webpack 项目名
image.png
2、需要修改 Vue 项目的打包配置文件
(1)将初始化cordova项目www目录下的index.html中的内容,添加到vue项目的index.html中
image.png
(2)修改main.js文件,添加deviceready事件监听,当cordova设备准备完成后再new vue
document.addEventListener('deviceready',function(){
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
},false);
(3) 修改地址
config-->index.js
image.png
build --> utils.js
image.png
三、运行项目
1、进入vue打包vue项目
npm run build
2、在vue项目内运行Cordova
cordova build android/ios
cordova run android/ios
3、全运行
cordova serve android
借鉴文章:
1、https://blog.csdn.net/wcdunf/article/details/103238469
2、https://www.jianshu.com/p/2e9bebb73d37