Vue 全家桶 + Electron 开发的一个跨三端的应用
来源:互联网 发布:淘宝吉姆尼外观零部件 编辑:程序博客网 时间:2024/04/30 11:59
GitHub Repo:vue-objccn
Follow: halfrost · GitHub
项目地址:https://github.com/halfrost/vue-objccn
本文来自简书,原文地址:http://www.jianshu.com/p/bff94aa90836
利用 Vue.js 实现 objc中国 的跨平台全栈应用
- ✅ 桌面应用,支持 Mac、Linux、Windows 三个平台
- ✅ Web 应用,支持 桌面浏览器 和 手机浏览器
- ✅ 手机 App,目前只支持了 Cordova 框架,支持 iOS 和 Android 两个平台
- ❌ 手机原生 App,打算用 Weex 框架,同样一起支持 iOS 和 Android 两个平台
注:此项目纯属个人瞎搞,请大家支持 喵神(@onevcat),支持 Objc中国。
前言
一.关于我
我是一名全职的 iOS 开发者,非前端开发者。由于接触了 Weex 开发,从而接触到了 Vue.js。
二.为什么会写这个项目?
最开始有这个想法的时候是来自一个网友,他在我的博客上问我,网上有没有写的比较好的 demo ?我说尤大写的那个 Hacker News 是最好的。后来网友就是,楼主能写一个么?我当时回答暂时不行。其实这事我一直记在心里。
今年5月19号,GitHub 使用 Electron 重写了 macOS 和 Windows 的客户端,加上近些年跨端开发越来越火,对于一些公司来说,Web 和 app 应该都是需要的,app 还需要 iOS 和 Android 两个平台,再有甚者还要开发小程序,桌面级的应用虽然少,但是用 Electron 一样可以一起开发了。自己也萌生了想要跃跃欲试的念头。
由于接触到了 Vue.js,当然不想停留在初级,想进阶,尤大给出了建议,就是多实践,多练。为了加快进阶的步伐,自己私下就找项目练。
至于为何选择 Objc 中国,理由其实很简单,因为我是 iOS 开发者。在 iOS 开发者中,Objc 基本上人尽皆知(有不知道的?),喵神也基本上人尽皆知,我个人很崇拜喵神,所以就选了 Objc 中国来写。
因为爱 ... ...
三.这次为何跨端开发没有weex?
这次在我写完项目以后,发现 Vue 的代码直接转换成 Weex 的项目,是无法实现的,好多报错。而且不是一下子能都修复好。我相信是我使用姿势的问题,不是 Weex 的问题。对了,Weex 又发布新版本了,接下来有时间的话就把 Weex 版的也做一遍开源。
好了,进入正题,说项目:
技术栈和主要框架
- Vue 全家桶 + Electron 开发的一个跨三端的应用
- Electron实战:创建ELectron开发的window应用安装包
- Electron实战:创建ELectron开发的window应用安装包
- 使用 electron-vue 构建你的桌面应用
- NodeJS的桌面应用开发 Electron
- 基于Electron的桌面应用开发
- 基于Vue全家桶制作的的高仿美团APP
- 基于Vue全家桶制作的的高仿美团APP
- 基于Vue全家桶制作的的高仿美团APP
- 基于Vue全家桶制作的的高仿美团APP
- 使用vue全家桶开发音乐App
- 基于 vue 全家桶的 spa 项目模板
- 每个人都能做的网易云音乐[vue全家桶]
- 每个人都能做的网易云音乐[vue全家桶]
- 基于 Vue 全家桶制作的移动端音乐 WebApp
- 基于 Vue 全家桶制作的移动端音乐 WebApp
- 基于 Vue 全家桶制作的移动端音乐 WebApp
- 如何构建一个最简单的electron应用
- Python中让MySQL查询结果返回字典类型的方法
- 窗体部件之QSystemTrayIcon
- jar包冲突的时候,怎么查看某class都在哪些jar包中存在?
- 测试12
- 3rd. 【计算几何】直线与直线相交
- Vue 全家桶 + Electron 开发的一个跨三端的应用
- mysql 无法启动,错误1067,进程意外终止(完美思路解决)
- phpstudy本地搭建域名访问
- 将List中的数据组成用逗号分隔的字符串,如'a','b','c'
- git fork update
- 深度学习要多深_才能读懂人话?
- java一些注解20170622
- 窗体部件之QToolBar
- Jupyter 数据可视化