爲了保證可讀性,本文采用意譯而非直譯。另外,本文版權歸原做者全部,翻譯僅用於學習。vue
在過去的一年中,我比較了近3000個Vue.js開源項目,選出30強(1%的比例)。webpack
這是一個有競爭力的清單,由於我仔細挑選2017年1月至12月期間發佈的最佳開源Vue.js庫,工具和項目。經過考慮流行度,參與度和近況來評估這份清單的質量。舉個簡單的例子,這份清單中的項目在某著名同性交友平臺的star數平均量高達3795,還不錯吧?程序員
開源項目對程序員來講是頗有用的。你能夠經過讀代碼而且在現有項目的基礎上構建一些東西來學習,由於若是想提升你的Vue開發技術,那麼花些時間來玩一下過去一年你可能錯過的Vue.js開源項目是很值得的。web
NO.1 Element:一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端組件庫 [Github star:22004]。vue-router
NO.2 iView:一套高質量的UI組件庫 [Github star:12175]。vuex
NO.3 Best-resume-ever:用Vue和LESS簡單、快速創建許多漂亮的簡歷,並建立你最好的簡歷。 [Github star:8839]。vue-cli
NO.4 Vue-element-admin:一個神奇的vue後臺管理系統 [Github star:7942]。服務器
NO.5 Vuetify: Vue.js 2的Material組件庫 [Github star:7672]。electron
NO.6 Vue-admin: Vue後臺面板管理庫,基於Vue 2.0和Bulma 0.3 [Github star:7033]。編輯器
NO.7 vue-hackernews-2.0:vue-router&vuex和服務器端渲染 [Github star:6687]。
NO.8 Vue-devtools (v 4.0):用於調試Vue.js應用程序的Chrome devtools擴展程序 [Github star:6292]。
NO.9 Vue-material:Vue.js的Material design [Github star:5230]。
NO.10 Quasar:構建響應式網站,PWA,混合移動應用程序(看起來很原生!)和Electron應用程序,所有同時使用相同的代碼庫,並基於Vue。 [Github star:4690]。
Fundebug錯誤實時監控爲您的Vue項目保駕護航!
NO.11 Electron-vue:Electron&Vue.js快速啓動樣板,包括vue-cli腳手架,通用Vue插件, electron-packager/electron-builder,單元/e2e測試,vue-devtools和webpack。 [Github star:4527]。
NO.12 Vue-loader (v 13):Vue.js組件的Webpack加載程序(loader) [Github star:2588]。
NO.13 Vuepack (v 3.0):一個使用Vue 2,Vuex,Vue-router和Webpack 2(甚至是Electron)的新潮種子項目。 [Github star:2077]。
NO.14 Buefy:基於Bulma的Vue.js的輕量級UI組件 [Github star:1956]。
NO.15 Vant:YouZan的Vue.js 2.0移動用戶界面 [Github star:1730]。
NO.16 Codesandbox:專爲Web應用程序開發而設計的在線代碼編輯器 [Github star:1552]。
NO.17 Vuefire (v 2.0):Firebase 2&> = 3的Vue.js 1&2綁定 [Github star:1228]。
NO.18 Vue-tetris:使用Vue,Vuex,Immutable作俄羅斯方塊 [Github star:1152]。
NO.19 At-ui:一款全新的平面UI套件,專門用於桌面應用程序,由Vue.js 2.0製做而成。 [Github star:1099]。
NO.20 Vue-recyclerview:使用vue-recyclerview掌握大型列表 [Github star:1021]。
Fundebug錯誤實時監控爲您及時發現bug,提升debug效率!
NO.21 Vuex-persistedstate (v 2.0):用本地存儲保持Vuex狀態 [Github star:1009]。
NO.22 Vue-test-utils:用於測試Vue組件的實用程序 [Github star:977]。
NO.23 Vue-meta (v 1.0):管理Vue 2.0組件中的頁面元信息,支持SSR +流媒體。 [Github star:958]。
NO.24 ESLint-plugin-vue:官方ESLint的Vue.js插件 [Github star:864]。
NO.25 Vue-js-modal:易於使用,高度可定製,移動友好的Vue.js 2.0+ modal [Github star:775]。
NO.26 Vue-tables-2:Vue.js 2 網格組件 [Github star:540]。
NO.27 Vue-baidu-map:Vue 2.x的百度地圖組件 [Github star:540]。
NO.28 Vuex-loading:Vue / Vuex應用程序的複雜裝載程序管理 [Github star:291]。
NO.29 Vue-js-grid:一個具備順暢的排序,拖放和從新排序的Vue.js 2.x響應式網格系統。 [Github star:248]。
NO.30 Dockeron:用於Docker的Electron + Vue.js [Github star:196]。
編輯:千鋒UI設計
譯者: Fundebug