h5开发混合app的话,我们推荐使用ionic3框架。
ionic3=cordova+angular+ionicUI (Ionic UI组件+ Javascript API+Ionic Native)
ionic3的优点:它提供了漂亮的UI组件库、强大的JS APi以及基于调用原生的的Native APi,可以让我们快速开发跨平台的混合APP以及移动web页面。(推荐*)
但是Ionic3也有缺点:就是angular react vue开发的移动端应用想打包成app的时候,ionic3就无能为力了。
如果您想看视频教程请访问: Vue Cordova视频教程点击这里
更直白的讲就是 vue开发的项目直接可以打包成app,并且可以让vue调用原生的功能(拍照):
这时候我们完全可以用cordova实现: cordova可以把html css js写的代码打包成app,还可以让js调用原生的api。
cordova的组合模式:ionic、cordova+vue、cordova+react 、cordova+angular
ok下面我们就看看Vue Cordova开发混合app:
1、需要安装cordova 并创建cordova环境 (不多说了)
2、需要把开发好的项目 打包(运行 npm run build) (参考注意)
3、把打包需要发的内容直接复制到cordova项目的www目录里面。
4、cordova项目里面运行 cordova prepare
5、执行打包
注意:
运行npm run build之前需要修改:config/index.js 文件 把 assetsPublicPath: '/', 修改成 assetsPublicPath: './',
不然的话打包后程序是没法运行的哦