原创 AWelcom 教程 cordova2 评论 49 阅读 6 天前
Cordova 是一套设备 API, 允许移动应用的开发者使用 JavaScript 来访问本地设备的功能, 比如摄像头加速计支持跨平台开发, 一套代码多端运行
下面是以 window 为例开发教程
开发环境搭建
开发需要安卓 android SDKnodejava 环境, 这个大家可以百度搜搜很多相关文档
创建 cordova 工程
根据官方文档提示创建新项目
打开终端 (Mac) 或命令窗口(Windows), 键入以下命令来安装 Cordova CLI:
npm install -g cordova
在命名为 cordovaDemo 的目录中创建一个命名为 CordovaDemo 的 Cordova 项目:
cordova create cordovaDemo com.yourname.cordovaDemo CordovaDemo
增加对安卓平台的支持
cordova platforms add android
打包安卓应用
cordova build android
tip: 在 Gradle 为 4.3.1 版本环境中, 需要将 gradle 文件中 jcenter()上方添加 google()
添加插件
cordova plugin add org.apache.cordova.device
整合 vue 与 cordova
把 vue-cli 项目放在 cordovaDemo 下
打开 vue 项目下的 config/index.js 文件, 将 index:path 里面的打包目录改成'../../www/index.html', 将 assetsRoot 输出目录改成'../../www',assetsPublicPath 改成'./'
vue 添加 cordova 依赖
在 index.html 中添加
<script src="cordova.js"></script>
安卓 4.4 需要在 main.js 中加 window.Promise = require('promise');
来源: http://www.qdfuns.com/article/38878/3bc42c292712616c134864782171732f.html