本文介绍如何结合vue-cli3和cordova构建移动应用。首先新建vue和cordova项目，然后配置vue.config.js使vue项目能被cordova打包。接着在vue项目中引入vue-cordova插件，通过此插件调用cordova的摄像头功能。最后，详细阐述了打包和安装到手机的过程，以及在Chrome inspect中查看console日志的方法。
用vue + cordova 做app的思路就是用vue做一个移动端网站，然后用cordova给套上apk的壳。需要解决的问题是，在vue中怎么解决cordova的调用问题。
项目目录是这样的：
1、新建项目
新建testAPP目录
1.1 、在testAPP下创建cordova项目：
cordova create cordova-app
添加Android平台
cd cordova-app
cordova platform add android
打包app安装到手机上（前提是手机连上电脑并开启use调试模式）
cordova run android
如果直接单纯的打包apk再自己拷贝到手机上安装也行：
cordova build android
打包出来的apk在cordova-app/platforms/android/app/build/outputs/apk/debug/app-debug.apk目录
默认生成的cordova app 项目打开长这样：
1.2 在testAPP下创建vue项目：(按照vue cli 官网创建即可，我用的是最新的@vue/cli 3.x )
如果没有vue cli 的话先全局安装一下
npm install -g @vue/cli-service-global
创建vue项目
vue create hello-world
创建的时候会有一些自定义选项，建议根据自己的项目需要来选择安装
询问是否使用history路由模式？（有hash和history 2种模式）
如果使用history模式的话，路由上就没有#号，好看点，但是需要后端配合
具体说明查看
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
