第一步 配置jdk

https://blog.csdn.net/mooonyuan/article/details/83089574

關(guān)于 sdk? 我是下載 android studio 直接下載的，可能比較方便?

關(guān)于Android studio安裝

https://www.cnblogs.com/xiadewang/p/7820377.html

第二步 創(chuàng)建cordova

http://www.itdecent.cn/p/2e9bebb73d37

第三步 修改vue項目中 config文件夾中index.js 的build

修改了三個地方??

1.??//index: path.resolve(__dirname, '../dist/index.html'),

? ? index: path.resolve(__dirname, '../../cordova-app/www/index.html'),

2.??// assetsRoot: path.resolve(__dirname, '../dist'),

? ? ? ?assetsRoot: path.resolve(__dirname, '../../cordova-app/www'),

3.? // assetsPublicPath: '/',

? ? ? ?assetsPublicPath:'./',

總結(jié)：1和2非必須 只是讓vue npm run build時將dist內(nèi)的內(nèi)容直接打包到cordova文件夾中，免得自己

? ? ? ? ? ?黏貼復(fù)制

第四步 vue中 npm run build? ?cordova中 cordova run android

第一次cordova run 可能會報很多錯誤? 看看報錯原因百度吧

不定期更新vue+cordova的問題和解決方法

用cordova管理監(jiān)聽手機(jī)

1? 在index.html中引入

<script type="text/javascript" src="cordova.js"></script>

2? 在vue中的main.js修改代碼如下，若在網(wǎng)頁測試需注釋改為原有的，否則頁面為空

document.addEventListener('deviceready', function() {

new Vue({

el:'#app',

? ? router,

? ? store,

? ? template:'<App/>',

? ? components: { App }

})

??//?....your?code??

}, false);

1 手機(jī)狀態(tài)欄遮住app好煩

cordova plugin add cordova-plugin-statusbar

StatusBar.hide(); 解決了，當(dāng)然這個插件也可設(shè)置狀態(tài)欄顏色透明或者隨頁面顏色變化而變化，沒有深入 去了解了，以后若有需要再繼續(xù)

2 app雙擊程序退出（只是隱藏在后臺運行）

cordova plugin add cordova-plugin-backbutton?

https://www.cnblogs.com/0402jing/p/8866380.html?

因為vue是單頁面應(yīng)用，window.location.href都是一樣的，判斷不出

如果重構(gòu)vue頁面，打開頁面時不用$router.push而用window.open打開的話是可行的。。。

關(guān)于打開新窗口在的方法在另一篇文章寫吧

后來想著用doucument.body.childNodes.foreach方法，，

震驚? ?vue是單頁面，，所以 其中的goback和gohome方法都是退出app，

所以看看this.$router.back方法

但是在main.js中是this指向的不是vue實例，所以，，

最終方法 在另一篇文章寫吧，，字太多了