前言
近來，前端大佬要求個人要針對公司的業(yè)務(wù)去想一個項目去提升下自己的技能，自己糾結(jié)了段時間，最后決定使用github的api并結(jié)合d3js來學(xué)習(xí)學(xué)習(xí)（畢竟前端還是偏向數(shù)據(jù)可視化的，后期項目中應(yīng)該可以使用到，強行貼邊針對公司的業(yè)務(wù)），別問我為什么不選擇echart...
搭建項目過程
一、使用element-ui結(jié)合vuejs進行項目的搭建
- 使用vue-cli進行搭建（當然你也可以一步一步搭建，我這里是省時間）
- 引入element-ui 執(zhí)行命令
npm install --save element-ui，更加詳細的內(nèi)容參考官網(wǎng)
二、圖標我選擇awesome-font
- 這里的安裝我直接是使用cdn在index.html文件中進行引用
【備注】1.通過npm安裝的awesome-font打包后失效 2.element-ui提供的icon有限
三、使用axios
使用axios進行http的處理，為神馬不選擇vue-resource呢？看者到npm上面搜下就知道了...
四、使用less與處理器
你可以根據(jù)個人的使用愛好使用與處理器加速開發(fā)效率，個人習(xí)慣使用less
五、使用d3
我這里放棄了echart而選擇d3，原因有二：
- d3的定制性更高
- 為了逼自己學(xué)英文，看d3官網(wǎng)
【備注】d3的引入方式有點特別import * as d3 from 'd3'
六、其他
我還使用了其他的一些包，比如：
- 處理時間的moment
- javascript的使用函數(shù)庫lodash
- etc
目前效果
目前已經(jīng)搭建好項目，并且完成了簡單的登錄，退出和調(diào)用github的api完善個人主頁，附上gif圖：
github-admin/demo20180504.gif
鏈接
代碼倉庫https://github.com/reng99/github-admin 求star咯
線上演示地址http://reng99.cc/github-admin/ 我這里默認使用自己的github名(reng99)登錄，看者可以換成自己的github倉庫名登錄（密碼不用改）
結(jié)尾
歡迎指正
