2018年最值得關注的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

Github star：22004

Element：一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端組件庫。

NO.2 iView

Github star：12175

iView：一套高質量的 UI 組件庫。

NO.3 Best-resume-ever

Github star：8839

Best-resume-ever：用 Vue 和 LESS 簡單、快速創建許多漂亮的簡歷，並建立你最好的簡歷。

NO.4 Vue-element-admin

Github star：7942

Vue-element-admin：一個神奇的 vue 後臺管理系統。

NO.5 Vuetify

Github star：7672

Vuetify： Vue.js 2 的 Material 組件庫。

NO.6 Vue-admin

Github star：7033

Vue-admin： Vue 後臺面板管理庫，基於 Vue 2.0 和 Bulma 0.3。

NO.7 vue-hackernews-2.0

Github star：6687

vue-hackernews-2.0：vue-router＆vuex 和服務器端渲染。

NO.8 Vue-devtools (v 4.0)

Github star：6292

Vue-devtools (v 4.0)：用於調試 Vue.js 應用程序的 Chrome devtools 擴展程序。

NO.9 Vue-material

Github star：5230

Vue-material：Vue.js 的 Material design。

NO.10 Quasar

Github star：4690

Quasar：構建響應式網站，PWA，混合移動應用程序（看起來很原生！）和 Electron 應用程序，所有同時使用相同的代碼庫，並基於 Vue。

Fundebug錯誤實時監控爲您的 Vue 項目保駕護航！

NO.11 Electron-vue

Github star：4527

Electron-vue：Electron＆Vue.js 快速啓動樣板，包括 vue-cli 腳手架，通用 Vue 插件， electron-packager/electron-builder，單元/e2e 測試，vue-devtools 和 webpack。

NO.12 Vue-loader (v 13)

Github star：2588

Vue-loader (v 13)：Vue.js 組件的 Webpack 加載程序(loader)。

NO.13 Vuepack (v 3.0)

Github star：2077

Vuepack (v 3.0)：一個使用 Vue 2，Vuex，Vue-router 和 Webpack 2（甚至是 Electron）的新潮種子項目。

NO.14 Buefy

Github star：1956

Buefy：基於 Bulma 的 Vue.js 的輕量級 UI 組件。

NO.15 Vant

Github star：1730

Vant：YouZan 的 Vue.js 2.0 移動用戶界面。

NO.16 Codesandbox

Github star：1552

Codesandbox：專爲 Web 應用程序開發而設計的在線代碼編輯器。

NO.17 Vuefire (v 2.0)

Github star：1228

Vuefire (v 2.0)：Firebase 2＆> = 3 的 Vue.js 1＆2 綁定。

NO.18 Vue-tetris

Github star：1152

Vue-tetris：使用 Vue，Vuex，Immutable 作俄羅斯方塊。

NO.19 At-ui

Github star：1099

At-ui：一款全新的平面 UI 套件，專門用於桌面應用程序，由 Vue.js 2.0 製做而成。

NO.20 Vue-recyclerview

Github star：1021

Vue-recyclerview：使用 vue-recyclerview 掌握大型列表。

Fundebug錯誤實時監控爲您及時發現 bug，提升 debug 效率！

NO.21 Vuex-persistedstate (v 2.0)

Github star：1009

Vuex-persistedstate (v 2.0)：用本地存儲保持 Vuex 狀態。

NO.22 Vue-test-utils

Github star：977

Vue-test-utils：用於測試 Vue 組件的實用程序。

NO.23 Vue-meta

Github star：958

Vue-meta：管理 Vue 2.0 組件中的頁面元信息，支持 SSR +流媒體。

NO.24 ESLint-plugin-vue

Github star：864

ESLint-plugin-vue：官方 ESLint 的 Vue.js 插件。

NO.25 Vue-js-modal

Github star：775

Vue-js-modal：易於使用，高度可定製，移動友好的 Vue.js 2.0+ modal。

NO.26 Vue-tables-2

Github star：540

Vue-tables-2：Vue.js 2 網格組件。

NO.27 Vue-baidu-map

Github star：540

Vue-baidu-map：Vue 2.x 的百度地圖組件。

NO.28 Vuex-loading

Github star：291

Vuex-loading：Vue / Vuex 應用程序的複雜裝載程序管理。

NO.29 Vue-js-grid

Github star：248

Vue-js-grid：一個具備順暢的排序，拖放和從新排序的 Vue.js 2.x 響應式網格系統。

NO.30 Dockeron

Github star：196

Dockeron：用於 Docker 的 Electron + Vue.js。

推薦

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

關於Fundebug

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

版權聲明

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