經常在github
、npm
上看到一個個花花綠綠的badges
,這些已經成爲了開源項目的標配。
這是一篇介紹徽章的文章,同時後面會貼出demo(get到經常使用的badges
)。但願對你也有幫助,歡迎評論或者提issues
交流。
決定是否使用一個開源項目,最基本兩點:vue
本文要介紹的徽章就是項目質量的體現之一,它有幾個好處:git
看下Vue
的徽章:github
這些徽章不只使README.md
更加美觀,經過它們咱們也能夠獲知Vue
的構建狀態、測試覆蓋率,使用狀況,最新版本號等等。我整理了一下比較經常使用的進行了簡單分類。npm
是否構建經過,能夠經過持續集成工具獲取。
Vue使用的是 CircleCI,我用的 Travis CI。
構建過程,能夠看下Vue
的配置文件 .circleci/config.yml。大體是:下載依賴 => 代碼lint => 測試覆蓋率統計 => 端到端測試 => srr-weex測試 => 迴歸測試 。
測試覆蓋率統計,數據來源上面的構建過程,將跑完的結果發送到對應平臺。
Vue使用的 codecov.io,我用的 coveralls.io 。
代碼質量分析,經過 codebeat.co 獲取。這個是獨立的,從複雜度,代碼複用等方面進行分析。Vue沒有上這個徽章。
其餘的徽章就均可以從shields.io上直接獲取了,裏面有不少不少的徽章。 選擇相應的平臺,填寫好連接,拿到數據後,shields.io 就能幫你生成相應的badges
,還能夠進行自定義。weex
github
數據
下載量,通常使用
npm
的下載數據。
npm
上項目的當前版本
證書
文件大小
這些徽章的數據都是動態實時的。代碼相關的幾個徽章,在倉庫有變更時會自動構建分析,從而生成新的數據。工具
我以爲最重要的是代碼相關的那三個徽章,有點ISO9001認證的感受,這也正是咱們想要的 :) 。最後上個demo,折騰這個demo花了三四天時間,主要在配置karma時繞了不少彎路,點我查看demo。測試