譯者按： 學習優秀的開源項目是提高代碼水平最有效的方式。
爲了保證可讀性，本文采用意譯而非直譯。另外，本文版權歸原作者所有，翻譯僅用於學習。
在過去的一年中，我比較了近3000個Vue.js開源項目，選出30強（1％的比例）。
這是一個有競爭力的清單，因爲我仔細挑選2017年1月至12月期間發佈的最佳開源Vue.js庫，工具和項目。通過考慮流行度，參與度和近況來評估這份清單的質量。舉個簡單的例子，這份清單中的項目在某著名同×××友平臺的star數平均量高達3795，還不錯吧？
開源項目對程序員來說是很有用的。你可以通過讀代碼並且在現有項目的基礎上構建一些東西來學習，因爲如果想提高你的Vue開發技術，那麼花些時間來玩一下過去一年你可能錯過的Vue.js開源項目是很值得的。
NO.1
Element：一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端組件庫[Github star：22004]。
NO.2
iView：一套高質量的UI組件庫[Github star：12175]。
NO.3
Best-resume-ever：用Vue和LESS簡單、快速建立許多漂亮的簡歷，並創建你最好的簡歷。[Github star：8839]。
NO.4
Vue-element-admin：一個神奇的vue後臺管理系統[Github star：7942]。
NO.5
Vuetify： Vue.js 2的Material組件庫[Github star：7672]。
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]。
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]。
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組件中的頁面元信息，支持××× +流媒體。[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]。
自己是從事了五年的前端工程師
如果你依然在編程的世界裏迷茫，不知道自己的未來規劃，可以加入web前端學習交流羣：731771211 裏面可以與大神一起交流並走出迷茫。新手可進羣免費領取學習資料，看看前輩們是如何在編程的世界裏傲然前行！羣裏不停更新最新的教程和學習方法（進羣送web前端系統學習路線，詳細的前端項目實戰教學視頻），有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入
點擊：加入