30個值得關注的Vue開源項目

譯者按： 學習優秀的開源項目是提升代碼水平最有效的方式。

• 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018)
• 譯者: Fundebug

爲了保證可讀性，本文采用意譯而非直譯。另外，本文版權歸原做者全部，翻譯僅用於學習。

在過去的一年中，我比較了近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]。

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]。

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]。

推薦

• Fundebug錯誤監控Vue接入文檔
• 黑科技！Fundebug支持可視化重現出錯場景
• Fundebug支持用戶行爲回溯
• Fundebug發佈Vue插件，簡化BUG監控接入代碼

關於Fundebug

Fundebug專一於JavaScript、微信小程序、微信小遊戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了9億+錯誤事件，付費客戶有Google、360、金山軟件、百姓網等衆多品牌企業。歡迎你們免費試用！

版權聲明

轉載時請註明做者Fundebug以及本文地址：
https://blog.fundebug.com/2018/05/29/30-amazing-vuejs-open-source/