Framework7-vue + cordova，从创建项目到发布程序（Android、Web）

环境：NodeJs、Android SDK 、Adb Driver

安装：npm install -g cordova

　　　npm i framework7-cli cordova -g

代码编辑器：Vs Code（建议Version：1.42，否则Cordova调试麻烦）

过程：

　　1、创建一个项目：

　　

　　2、在项目根路径下打开编辑器，再把项目根路径下的Cordova目录添加到WorkSpace

　　   

　　3、下载Cordova Tools组件，方便调试

　　

　　4、设置DEBUG AND RUN（调试工具）

　　注：vs code版本需要1.42，才能选择WorkSpace（见 https://github.com/microsoft/vscode/issues/87237）

　　

 　　选择Cordova WorkSpace，再选择Cordova

 　　

　　 5、调试

　　　　5.1、安卓真机测试【Adb 需要安装】：

　　　　代码编译：

　　　　　　

　　　　打开手机开发者模式：

　　　　　　

　　　　运行 Run Android on device：

　　　　　　

　　　　5.2、浏览器测试

　　　　　　

请求服务端HTTP接口：

　　1、H5（存在跨域）：

　　　　　　

 　　2、APP（可以直接请求HTTP接口，不存在跨域）：

　　　　　　注：如需兼容H5方式，请求时替换url

　　　　　　

添加Cordova的组件（plugin）：

　　framework7 cordova plugin add cordova-plugin-media

　   

发布程序：

　　1、H5：

　　

 　　2、Android：

　　

 参考：

　　Framework-vue API：https://framework7.io/vue/

　　Framework-vue Github：https://github.com/framework7io/framework7/

　　Cordova API：https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-battery-status/index.html

　　Cordova Media Plugin：https://m.imooc.com/article/details?article_id=70086