用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