火速拿來用！對比 12，000個Vue.js 開源項目發現最實用的 TOP45！

在過去一年裡，前端開發發展迅速，前端工程師的薪資亦是水漲船高。2019 更是熱度不減，而作為近年來尤為熱門的前端框架，Vue.js 自是積累了大量關注。本文將為你介紹 2019 年最值得關注的 45 個 Vue.js 開源項目——Let"s go!

作者 |Mybridge

譯者 | 袁虎

責編 |仲培藝

出品 |CSDN（ID：CSDNNews）

以下為譯文：

在過去的一年裡，我們比較了將近 12000 個 Vue.js 開源項目和庫，並從中挑選了最好的 45 個（佔比 0.37%）。

這些項目和庫可以分為 3 類：

用戶界面（1~19）

Vue.js工具（20~36）

項目（37~45）

這是一個極具權威性的表單，精確匯總了 2018 年 1-12 月期間發布的最佳 Vue.js 開源項目。Mybridge 工作組從受歡迎程度、參與度和新鮮度三方面對它們進行了評估。這些項目的 Github Star 平均數為 2620，可見其卓越不凡。

開源項目對程序員來說意義非凡，讓我們花些時間，一起來看看這些在去年可能被你錯過了的 Vue.js 開源項目吧。

用戶界面

1. Vuetify

Star 數：16672

GitHub：https://github.com/vuetifyjs/vuetify

介紹：Vue.js 2 的 Material 組件框架（1.0 版本）

2. Weex-ui

Star 數：4097

GitHub：https://github.com/alibaba/weex-ui

介紹：一個基於 Vue.js 和 Weex 的富交互、輕量級、高性能的 UI 庫，由阿里巴巴提供。

3. Eagle.js

Star 數：3343

GitHub：https://github.com/Zulko/eagle.js

介紹：使用 Vue.js 構建的幻燈片框架。

4. Vuesax

Star 數：2755

GitHub：https://github.com/lusaxweb/vuesax

介紹：前端 Vue 組件。

5. Vue-ydui

Star 數：2308

GitHub：https://github.com/ydcss/vue-ydui

介紹：Vue2.js 移動組件庫。

6. Vue-grid-layout

Star 數：2003

GitHub：https://github.com/jbaysolutions/vue-grid-layout

介紹：Vue.js 的一個可拖動且可調整大小的網格布局。

7. Vue-virtual-scroller

Star 數：1741

GitHub：https://github.com/Akryum/vue-virtual-scroller

介紹：讓擁有任何數據量的頁面都能平滑滾動。

8. Vue-content-loader

Star 數：1345

GitHub：https://github.com/egoist/vue-content-loader

介紹：創建內容載入器的 SVG 組件，例如 Facebook 的卡片載入。

9. Mand-mobile

Star 數：1391

GitHub：https://github.com/didi/mand-mobile

介紹：基於 Vue.js 2 的移動端 UI 組件庫，專為金融場景設計。

10. Vuikit

Star 數：1293

GitHub：https://github.com/vuikit/vuikit

介紹：網站界面的響應式 Vue UI 庫。

11. Vue-design-system v2.0

Star 數：1296

GitHub：https://github.com/viljamis/vue-design-system

介紹：基於 Vue.js 構建 UI 設計系統的開源工具。

12. Vue-styleguidist

Star 數：1088

GitHub：https://github.com/vue-styleguidist/vue-styleguidist

介紹：由 react-styleguidist 構建的帶有實時樣式指南的 Vue 組件。

13. Heyui

Star 數：934

GitHub：https://github.com/heyui/heyui

介紹：Web UI 庫，Vue2.0。

14. Vue2-animate v2.0

Star 數：884

GitHub：https://github.com/asika32764/vue2-animate

介紹：Animate.css 的 Vue 移植版本，用於 Vue 的內置過渡。

15. Ui

Star 數：841

GitHub：https://github.com/vuejs/ui

介紹：Vue 官方應用程序的 UI 組件。

16. Proppy

Star 數：792

GitHub：https://github.com/fahad19/proppy

介紹：UI 組件的功能插件（支持 React.js 和 Vue.js）。

17. ZircleUI

Star 數：650

GitHub：https://github.com/zircleUI/zircleUI

介紹：基於 Vue.js 的可縮放用戶界面的前端庫。

18. Vue-overdrive

Star 數：439

GitHub：https://github.com/mattrothenberg/vue-overdrive

介紹：用於 Vue 應用程序的超簡易 Magic Move 過渡效果。

19. Vue-argon-design-system

Star 數：302

GitHub：https://github.com/creativetimofficial/vue-argon-design-system

介紹：Vue Argon 設計系統。

Vue.js 工具

20. Vue-cli

Star 數：18952

GitHub：https://github.com/vuejs/vue-cli

介紹：快速構建 Vue.js 的 CLI 3.0 版本。

21. Vue-devtools（v 4.0）

Star 數：12112

GitHub：https://github.com/vuejs/vue-devtools

介紹：用於調試 Vue.js 應用程序的 Chrome 擴展開發工具。

22. Vue-native-core

Star 數：5545

GitHub：https://github.com/GeekyAnts/vue-native-core

介紹：Vue Native 是一個用 JavaScript 構建的跨平台原生移動應用程序的框架。

23. Tiptap

Star 數：2790

GitHub：https://github.com/scrumpy/tiptap

介紹：Vue.js 的富文本編輯器。

24. Uni-app

Star 數：2276

GitHub：https://github.com/dcloudio/uni-app

介紹：使用 Vue.js 開發跨平台應用程序的前端框架。

25. Vue-rx v6.0

Star 數：2284

GitHub：https://github.com/vuejs/vue-rx

介紹：Vue.js 的 RxJS 集成。

26. Eros

Star 數：1587

GitHub：https://github.com/bmfe/eros

介紹：一組 Vue 代碼，兩端原生應用程序，或者叫 us-native。

27. Vue-wait

Star 數：1266

GitHub：https://github.com/f/vue-wait

介紹：Vue/Vuex 及 Nuxt 應用程序的複雜載入器和進度管理器。

28. Vue-starter

Star 數：1192

GitHub：https://github.com/devCrossNet/vue-starter

介紹：一種用於待投產 PWA 的靈活、可擴展的固定模板，專註於性能、開發速度和最佳實踐。

29. Vue-hooks

Star 數：1148

GitHub：https://github.com/yyx990803/vue-hooks

介紹：在 Vue 中實現試驗的 React 鉤子。

30. Portal-vue

Star 數：1414

GitHub：https://github.com/linusborg/portal-vue

介紹：Vue.js 的基礎組件，在組件外部、文檔的任意位置渲染 DOM。

31. Vue-fullpage.js

Star 數：829

GitHub：https://github.com/alvarotrigo/vue-fullpage.js

介紹：fullPage.js 的Vue.js 官方封裝。

32. Vue-api-query

Star 數：750

GitHub：https://github.com/robsontenorio/vue-api-query

介紹：構建 REST API 請求的方法，優雅且簡單。

33. Vuese

Star 數：741

GitHub：https://github.com/vuese/vuese

介紹：Vue 組件文檔的一站式解決方案。

34. Vuex-orm

Star 數：724

GitHub：https://github.com/vuex-orm/vuex-orm

介紹：Vuex 插件，啟用 Vuex 存儲的對象關係映射。

35. Vuex-pathify

Star 數：651

GitHub：https://github.com/davestewart/vuex-pathify

介紹：Vue/Vuex 插件，為 Vuex 存儲提供統一的路徑語法。

36. Vue-vr

Star 數：147

GitHub：https://github.com/imudin/vue-vr

介紹：使用 Vue 構建 VR 應用程序的框架。

項目

37. Vuepress

Star 數：11323

GitHub：https://github.com/vuejs/vuepress

介紹：基於 Vue 的輕量級靜態網站生成器。

38. Gridsome

Star 數：1902

GitHub：https://github.com/gridsome/gridsome

介紹：使用 Vue.js 為 CMS 或數據構建超快的網站。

39. Vue-music-webapp

Star 數：1357

GitHub：https://github.com/CaiJinyc/vue-music-webapp

介紹：基於 Vue 的音樂 WebApp。

40. Vue-realworld-example-app

Star 數：1187

GitHub：https://github.com/gothinkster/vue-realworld-example-app

介紹：使用 Vue.js、Vuex、axios 和其他技術構建的典型現實應用程序。

41. Page-transitions-travelapp

Star 數：1145

GitHub：https://github.com/sdras/page-transitions-travelapp

介紹：旅行應用程序，具有類似原生的頁面過渡效果。

42. Sample-vue-shop

Star 數：918

GitHub：https://github.com/sdras/sample-vue-shop

介紹：一個示例商店，展示如何使用 Vue、Stripe 和 Serverless Functions 來管理支付流程。

43. Vuegg

Star 數：853

GitHub：https://github.com/vuegg/vuegg

介紹：Vue GUI 生成器，模擬和代碼可以一次性搞定。

44. Vue-filepond

Star 數：467

GitHub：https://github.com/pqina/vue-filepond

介紹：FilePond 的一個適配器組件，一個 JavaScript 庫，可以上傳任何東西，加快上傳速度並對圖像進行優化，同時提供了非常順暢的用戶體驗。

45. Monimo

Star 數：230

GitHub：https://github.com/altinselimi/monimo

介紹：類似 Netflix 的 Web 應用程序，用於觀看動畫。

以上，就是今年最值得關注的 Vue.js 開源項目！

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！