Vue + MintUI + HammerJS + Cordova的hybrid应用开发记录笔记

记录一些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就成

 

 

关于HammerJS：

Chrome模拟/Android下Touch移动失效：

决解方案：

需要配置InputClass项

TouchMouseInput支持鼠标和Touch~

let hammer = new Hammer(ele, {inputClass:Hammer.TouchMouseInput});