用 Vue 写了一个 github-explorer

1,739 阅读2分钟

Vue and React are both hot, SMOKING HOT!

源码地址

这是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。如果想直接看demo,可以看作者po上去的demo,因为两个的线上效果几乎一样。

Bugs

  • 还不支持readme的markdown文档,作者使用的是一个叫react-markdown的插件,我还没有开始写这个(因为懒)。

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

  • language color那一块不知道为什么安装不上github-colors,所以就没有使用。

温馨提示

因为工作比较忙,所以是趁着周末这段时间写出来的,快糙猛,很多地方可以写的更好的,而且应该还潜伏这很多bug。喜欢Vue或喜欢React的同学可以对比一下两个项目,相信有各自的体会。

Reference

github-explorer