Vue 全家桶 + Electron 开发的一个跨三端的应用

代码地址如下：
http://www.demodashi.com/demo/11738.html

GitHub Repo：vue-objccn

Follow: halfrost · GitHub

利用 Vue.js 实现 objc中国 的跨平台全栈应用

• ✅ 桌面应用，支持 Mac、Linux、Windows 三个平台
• ✅ Web 应用，支持 桌面浏览器 和 手机浏览器
• ✅ 手机 App，目前只支持了 Cordova 框架，支持 iOS、Android、Windows Phone、BlackBerry 四个平台
• ❌ 手机原生 App，打算用 Weex 框架，同样一起支持 iOS 和 Android 两个平台

注：此项目纯属个人瞎搞，请大家支持 喵神(@onevcat)，支持 Objc中国。

前言

一.关于我

我是一名全职的 iOS 开发者，非前端开发者。由于接触了 Weex 开发，从而接触到了 Vue.js。

二.为什么会写这个项目？

1. 最开始有这个想法的时候是来自一个网友，他在我的博客上问我，网上有没有写的比较好的 Weex demo ？我说尤大写的那个 Hacker News 是最好的。后来网友就说，楼主能写一个么？我当时回答暂时不行。其实这事我一直记在心里。

2. 今年5月19号，GitHub 使用 Electron 重写了 macOS 和 Windows 的客户端，加上近些年跨端开发越来越火，对于一些公司来说，Web 和 app 应该都是需要的，app 还需要 iOS 和 Android 两个平台，再有甚者还要开发小程序，桌面级的应用虽然少，但是用 Electron 一样可以一起开发了。自己也萌生了想要跃跃欲试的念头。

3. 由于接触到了 Vue.js，当然不想停留在初级，想进阶，尤大给出了建议，就是多实践，多练。为了加快进阶的步伐，自己私下就找项目练。

4. 至于为何选择 Objc 中国，理由其实很简单，因为我是 iOS 开发者。在 iOS 开发者中，Objc 基本上人尽皆知（有不知道的？），喵神也基本上人尽皆知，我个人很崇拜喵神，所以就选了 Objc 中国来写。

5. 因为爱 … …

三.这次为何跨端开发没有weex？

这次在我写完项目以后，发现 Vue 的代码直接转换成 Weex 的项目，是无法实现的，好多报错。而且不是一下子能都修复好。我相信是我使用姿势的问题，不是 Weex 的问题。对了，Weex 又发布新版本了，接下来有时间的话就把 Weex 版的也做一遍开源。

好了，进入正题，说项目：

---

技术栈和主要框架

Vue 全家桶：vue2 + vuex + vue-router + webpack
ES6
网络请求：axios
页面相应式框架：bootstrap，element-ui
后台：express
代码高亮：hig