一、創(chuàng)建 cordova
1勉吻、創(chuàng)建項(xiàng)目
cordova create 項(xiàng)目名
2监婶、添加平臺(tái)
cordova platform add android --save
cordova platform add ios --save
2、檢測(cè)平臺(tái)
cordova platform
二齿桃、vue項(xiàng)目創(chuàng)建
1惑惶、vue init webpack 項(xiàng)目名
image.png
2、需要修改 Vue 項(xiàng)目的打包配置文件
(1)將初始化cordova項(xiàng)目www目錄下的index.html中的內(nèi)容短纵,添加到vue項(xiàng)目的index.html中
image.png
(2)修改main.js文件带污,添加deviceready事件監(jiān)聽(tīng),當(dāng)cordova設(shè)備準(zhǔn)備完成后再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
三香到、運(yùn)行項(xiàng)目
1鱼冀、進(jìn)入vue打包vue項(xiàng)目
npm run build
2、在vue項(xiàng)目?jī)?nèi)運(yùn)行Cordova
cordova build android/ios
cordova run android/ios
3悠就、全運(yùn)行
cordova serve android
借鑒文章:
1千绪、https://blog.csdn.net/wcdunf/article/details/103238469
2、http://www.reibang.com/p/2e9bebb73d37