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

來自專欄 Fundebug

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

• 原文: 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]。

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

推薦

• Fundebug錯誤監控Vue接入文檔
• 黑科技！Fundebug支持可視化重現出錯場景
• Fundebug支持用戶行為回溯

推薦閱讀：