vue+phonegap(cordova)整合Android开发
来源:互联网 发布:电脑上怎么发淘宝链接 编辑:程序博客网 时间:2024/06/10 11:42
0. Vue.js 是当下比较流行的前端框架,其以数据为中心的设计思想为开发者节省不不少DOM操作的时间,其中Vue广泛用于SPA的开发,基于这个特点,笔者想到将Vue和cordova进行整合,来进行Android的开发,由于网上的资源不多,自己利用之前所学简单配置了开发环境,以此分享开发经验,如有不足之处或者读者有跟好的想法,欢迎评论留言,批评指正。
1. 首先配置Android端的cordova环境,大家可以参考之前写的这篇文章:http://blog.csdn.net/wlonging/article/details/51251372
2. Android端环境配置完成之后,我们用Webpack新建一个Vue工程,可以参考这篇文章:http://blog.csdn.net/wlonging/article/details/53414076
3. 引入cordova.js,这里我之前尝试用import、require等等方法进行引入,都已失败告终,最后想到用静态资源引入,在我们vue工程的根目录下新建static文件夹,在里面新建js文件夹,把cordova.js放到这里,目录结构如下图所示:
4. 之后在我们的index.html 入口文件将这个cordova.js引入:
5. 随后我们run一下,发现这就是我们熟悉的页面,到此cordova+vue环境就配置好了
6. 在实际配置的时候,会出现一些问题:
控制台报错: cordova_plugins.json not found 这个时候,在cordova.js所在目录里面新建这个文件,在index.html里面跟引入js一样引入就好了。
如何使用cordova?直接在Vue里面使用即可,各个生命周期都可以使用cordova封装的函数。
……
7. 如果后面使用会遇到起到问题,将会继续更新这篇博客,避免大家踩坑。
0 0
- vue+phonegap(cordova)整合Android开发
- Cordova 5.3.3(PhoneGap)Android 开发环境搭建
- Cordova/PhoneGap 3.0 Android开发环境注意事项
- Android之cordova(原Phonegap)开发
- phonegap(cordova) 自定义插件代码篇(六)----android ,iOS 微信支付工具整合
- phonegap/cordova 开发基础
- Cordova(PhoneGap)体系结构(Android)
- Cordova(PhoneGap)体系结构(Android)
- Cordova(PhoneGap)体系结构(Android)
- Android移动APP开发笔记——最新版Cordova 5.3.1(PhoneGap)搭建开发环境
- Android 移动APP开发——最新版Cordova 5.3.1(PhoneGap)搭建开发环境
- android:Cordova Android, hello Cordova ,PhoneGap android
- Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例
- Cordova(PhoneGap)Android Native混合开发值传递
- phonegap(Cordova) 入门教程
- phoneGap(cordova)插件开发学习
- cordova/phonegap 多平台开发
- phoneGap(Cordova)Android项目搭建
- html——原生js与jquery创建元素节点区别
- eclipse content assist不能使用的问题
- Python股市数据分析教程——学会它,或可以实现半“智能”炒股 (Part 2)
- 使用 Windows live writer 写 CSDN 博客
- VS2010如何打开VS2012的文件
- vue+phonegap(cordova)整合Android开发
- Android studio 快捷键大全
- 数据持久化存储:FMDB的使用
- 云服务器和虚拟主机有哪些区别
- linux下测试磁盘的读写IO速度(IO物理测速)
- 重构-改善既有代码的设计读书笔记(十)
- 基本的IP数据包结构
- MT6737 Android N 平台 Audio系统学习----TinyAlsa
- windows xp/2003 0day漏洞临时防范方法