脚本宝典收集整理的这篇文章主要介绍了

用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

总结

以上是脚本宝典为你收集整理的

用Vue写了一个github-explorer

全部内容,希望文章能够帮你解决

用Vue写了一个github-explorer

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过