1. 程式人生 > >Vue + MintUI + HammerJS + Cordova的hybrid應用開發記錄筆記

Vue + MintUI + HammerJS + Cordova的hybrid應用開發記錄筆記

恕我直言~Weex和Ionic這些上層封裝都是辣雞~~!

記錄一些Cordova+Vue進行Hybrid應用開發相關的問題,隨緣更新.

 環境搭建:

開發環境教程:

Vue + Cordova教程:

https://itnext.io/make-hybrid-platform-cordova-vue-webpack-2fb7031c4f9b

環境變數和SDK什麼的請看Cordova官網:

https://cordova.apache.org/docs/en/8.x/guide/platforms/android/index.html

 

文髒介紹比較詳細不再多介紹。

Cordova本質上就是一個WebView 加一堆平臺外掛,上面連結裡的教程其實就是修改了Vue cli的./config/index.js配置,使vue build後的路徑能通過file://的方式在瀏覽器正確解析開啟而已。然後修改cordova入口地址到build後的index.html

實際上cordova的入口地址你用http://xxxx 的網頁地址形式也是可以。反而更加便捷.

記錄幾個環境搭建重要的點:

No installed build tools found. Install the Android build tools version 19.1 or higher :

cordova缺少打包工具.在Andriod Studio 的Configure->SDK Manager ->Anroid SDK ->SDK Tool下勾選 Show Package Details.

然後安裝指定版本的Build-Tools就成