用Vue写了一个github-explorer

github-explorer

Vue and React are both hot, SMOKING HOT!

源码地址
Live Demo
React版 Demo

简介

这是Vue版本的github-explorer。以前在掘金看到了一个React版本的github-explorer，以为很是有趣，并且我的十分喜欢Vue，因此就用Vue重写了一遍。这两个版本的全部组件几乎一致，并且样式文件全都套用在了上面，不同的地方或许就只有一个：Vue和React。

简直就是一毛同样！

虽然我没有深刻接触过React，可是React的食用方式是在畅快，几乎是看着React的组件你就能想到Vue的要怎么去写。原做者还用了RxJS来处理数据流和分配任务，这真的很棒，里面不少操做都是命令式的，很是易懂，并且action高度统一，所有命令都在actionFactory里面。但我以为Vue要更棒，由于使用其原生的事件系统就能作到了，并且Vue自己就是以数据驱动，数据的流动十分的清晰。

对于一些视图转换和组件动画，我使用了Animation.css来进行处理，也是酸爽！

Vue and React are both awesome!

技术栈:

• VueJs BEST！！

• vue-router 路由

• vue-resource 数据获取

• Vuex 状态管理(其实不用也能够，只是我最近在学vuex，顺便练练手)

• vue-cli 解决了一切的配置烦恼

• Animation.css 动画效果

Get start

npm install
npm run dev

浏览器中输入localhost:3000，报错的话，请加上sudo。

Bugs

• 还不支持readme的markdown文档，做者使用的是一个叫react-markdown的插件，我尚未开始写这个(由于懒)。

• 视图切换的动画有时候会有点问题。

• language color那一块不知道为何安装不上github-colors，因此就没有使用。

舒适提示

由于工做比较忙，因此是趁着周末这段时间写出来的，快糙猛，不少地方能够写的更好的，并且应该还潜伏这不少bug。喜欢Vue或喜欢React的同窗能够对比一下两个项目，相信有各自的体会。

喜欢就给个star呗:)

Reference

github-explorer