Vue Cordova开发混合app教程（一）

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: './', 
 

不然的话打包后程序是没法运行的哦