在過去一年里，前端開發(fā)發(fā)展迅速，前端工程師的薪資亦是水漲船高。2019 更是熱度不減，而作為近年來尤為熱門的前端框架，Vue.js 自是積累了大量關(guān)注。本文將為你介紹 2019 年最值得關(guān)注的 45 個 Vue.js 開源項目——Let's go!
Vue2019
在過去的一年里，我們比較了將近 12000 個 Vue.js 開源項目和庫，并從中挑選了最好的 45 個（占比 0.37%）。
這些項目和庫可以分為 3 類：
- 用戶界面（1~19）
- Vue.js工具（20~36）
- 項目（37~45）
這是一個極具權(quán)威性的表單，精確匯總了 2018 年 1-12 月期間發(fā)布的最佳 Vue.js 開源項目。Mybridge 工作組從受歡迎程度、參與度和新鮮度三方面對它們進行了評估。這些項目的 Github Star 平均數(shù)為 2620，可見其卓越不凡。
開源項目對程序員來說意義非凡，讓我們花些時間，一起來看看這些在去年可能被你錯過了的 Vue.js 開源項目吧。
用戶界面
1. Vuetify
- Star 數(shù)：16672
- GitHub：https://github.com/vuetifyjs/vuetify
- 介紹：Vue.js 2 的 Material 組件框架（1.0 版本）
Vuetify
2. Weex-ui
- Star 數(shù)：4097
- GitHub：https://github.com/alibaba/weex-ui
- 介紹：一個基于 Vue.js 和 Weex 的富交互、輕量級、高性能的 UI 庫，由阿里巴巴提供。
Weex-ui
3. Eagle.js
- Star 數(shù)：3343
- GitHub：https://github.com/Zulko/eagle.js
- 介紹：使用 Vue.js 構(gòu)建的幻燈片框架。
Eagle.js
4. Vuesax
- Star 數(shù)：2755
- GitHub：https://github.com/lusaxweb/vuesax
- 介紹：前端 Vue 組件。
Vuesax
5. Vue-ydui
- Star 數(shù)：2308
- GitHub：https://github.com/ydcss/vue-ydui
- 介紹：Vue2.js 移動組件庫。
Vue-ydui
6. Vue-grid-layout
- Star 數(shù)：2003
- GitHub：https://github.com/jbaysolutions/vue-grid-layout
- 介紹：Vue.js 的一個可拖動且可調(diào)整大小的網(wǎng)格布局。
Vue-grid-layout
7. Vue-virtual-scroller
- Star 數(shù)：1741
- GitHub：https://github.com/Akryum/vue-virtual-scroller
- 介紹：讓擁有任何數(shù)據(jù)量的頁面都能平滑滾動。
Vue-virtual-scroller
8. Vue-content-loader
- Star 數(shù)：1345
- GitHub：https://github.com/egoist/vue-content-loader
- 介紹：創(chuàng)建內(nèi)容加載器的 SVG 組件，例如 Facebook 的卡片加載。
Vue-content-loader
9. Mand-mobile
- Star 數(shù)：1391
- GitHub：https://github.com/didi/mand-mobile
- 介紹：基于 Vue.js 2 的移動端 UI 組件庫，專為金融場景設(shè)計。
Mand-mobile
10. Vuikit
- Star 數(shù)：1293
- GitHub：https://github.com/vuikit/vuikit
- 介紹：網(wǎng)站界面的響應(yīng)式 Vue UI 庫。
Vuikit
11. Vue-design-system v2.0
- Star 數(shù)：1296
- GitHub：https://github.com/viljamis/vue-design-system
- 介紹：基于 Vue.js 構(gòu)建 UI 設(shè)計系統(tǒng)的開源工具。
Vue-design-system v2.0
12. Vue-styleguidist
- Star 數(shù)：1088
- GitHub：https://github.com/vue-styleguidist/vue-styleguidist
- 介紹：由 react-styleguidist 構(gòu)建的帶有實時樣式指南的 Vue 組件。
Vue-styleguidist
13. Heyui
- Star 數(shù)：934
- GitHub：https://github.com/heyui/heyui
- 介紹：Web UI 庫，Vue2.0。
Heyui
14. Vue2-animate v2.0
- Star 數(shù)：884
- GitHub：https://github.com/asika32764/vue2-animate
- 介紹：Animate.css 的 Vue 移植版本，用于 Vue 的內(nèi)置過渡。
Vue2-animate v2.0
15. Ui
- Star 數(shù)：841
- GitHub：https://github.com/vuejs/ui
- 介紹：Vue 官方應(yīng)用程序的 UI 組件。
Ui
16. Proppy
- Star 數(shù)：792
- GitHub：https://github.com/fahad19/proppy
- 介紹：UI 組件的功能插件（支持 React.js 和 Vue.js）。
Proppy
17. ZircleUI
- Star 數(shù)：650
- GitHub：https://github.com/zircleUI/zircleUI
- 介紹：基于 Vue.js 的可縮放用戶界面的前端庫。
ZircleUI
18. Vue-overdrive
- Star 數(shù)：439
- GitHub：https://github.com/mattrothenberg/vue-overdrive
- 介紹：用于 Vue 應(yīng)用程序的超簡易 Magic Move 過渡效果。
Vue-overdrive
19. Vue-argon-design-system
- Star 數(shù)：302
- GitHub：https://github.com/creativetimofficial/vue-argon-design-system
- 介紹：Vue Argon 設(shè)計系統(tǒng)。
Vue-argon-design-system
Vue.js 工具
20. Vue-cli
- Star 數(shù)：18952
- GitHub：https://github.com/vuejs/vue-cli
- 介紹：快速構(gòu)建 Vue.js 的 CLI 3.0 版本。
Vue-cli
21. Vue-devtools（v 4.0）
- Star 數(shù)：12112
- GitHub：https://github.com/vuejs/vue-devtools
- 介紹：用于調(diào)試 Vue.js 應(yīng)用程序的 Chrome 擴展開發(fā)工具。
Vue-devtools（v 4.0）
22. Vue-native-core
- Star 數(shù)：5545
- GitHub：https://github.com/GeekyAnts/vue-native-core
- 介紹：Vue Native 是一個用 JavaScript 構(gòu)建的跨平臺原生移動應(yīng)用程序的框架。
Vue-native-core
23. Tiptap
- Star 數(shù)：2790
- GitHub：https://github.com/scrumpy/tiptap
- 介紹：Vue.js 的富文本編輯器。
Tiptap
24. Uni-app
- Star 數(shù)：2276
- GitHub：https://github.com/dcloudio/uni-app
- 介紹：使用 Vue.js 開發(fā)跨平臺應(yīng)用程序的前端框架。
Uni-app
25. Vue-rx v6.0
- Star 數(shù)：2284
- GitHub：https://github.com/vuejs/vue-rx
- 介紹：Vue.js 的 RxJS 集成。
Vue-rx v6.0
26. Eros
- Star 數(shù)：1587
- GitHub：https://github.com/bmfe/eros
- 介紹：一組 Vue 代碼，兩端原生應(yīng)用程序，或者叫 us-native。
Eros
27. Vue-wait
- Star 數(shù)：1266
- GitHub：https://github.com/f/vue-wait
- 介紹：Vue/Vuex 及 Nuxt 應(yīng)用程序的復雜加載器和進度管理器。
Vue-wait
28. Vue-starter
- Star 數(shù)：1192
- GitHub：https://github.com/devCrossNet/vue-starter
- 介紹：一種用于待投產(chǎn) PWA 的靈活、可擴展的固定模板，專注于性能、開發(fā)速度和最佳實踐。
Vue-starter
29. Vue-hooks
- Star 數(shù)：1148
- GitHub：https://github.com/yyx990803/vue-hooks
- 介紹：在 Vue 中實現(xiàn)試驗的 React 鉤子。
Vue-hooks
30. Portal-vue
- Star 數(shù)：1414
- GitHub：https://github.com/linusborg/portal-vue
- 介紹：Vue.js 的基礎(chǔ)組件，在組件外部、文檔的任意位置渲染 DOM。
Portal-vue
31. Vue-fullpage.js
- Star 數(shù)：829
- GitHub：https://github.com/alvarotrigo/vue-fullpage.js
- 介紹：fullPage.js 的Vue.js 官方封裝。
Vue-fullpage.js
32. Vue-api-query
- Star 數(shù)：750
- GitHub：https://github.com/robsontenorio/vue-api-query
- 介紹：構(gòu)建 REST API 請求的方法，優(yōu)雅且簡單。
Vue-api-query
33. Vuese
- Star 數(shù)：741
- GitHub：https://github.com/vuese/vuese
- 介紹：Vue 組件文檔的一站式解決方案。
Vuese
34. Vuex-orm
- Star 數(shù)：724
- GitHub：https://github.com/vuex-orm/vuex-orm
- 介紹：Vuex 插件，啟用 Vuex 存儲的對象關(guān)系映射。
Vuex-orm
35. Vuex-pathify
- Star 數(shù)：651
- GitHub：https://github.com/davestewart/vuex-pathify
- 介紹：Vue/Vuex 插件，為 Vuex 存儲提供統(tǒng)一的路徑語法。
Vuex-pathify
36. Vue-vr
- Star 數(shù)：147
- GitHub：https://github.com/imudin/vue-vr
- 介紹：使用 Vue 構(gòu)建 VR 應(yīng)用程序的框架。
Vue-vr
項目
37. Vuepress
- Star 數(shù)：11323
- GitHub：https://github.com/vuejs/vuepress
- 介紹：基于 Vue 的輕量級靜態(tài)網(wǎng)站生成器。
Vuepress
38. Gridsome
- Star 數(shù)：1902
- GitHub：https://github.com/gridsome/gridsome
- 介紹：使用 Vue.js 為 CMS 或數(shù)據(jù)構(gòu)建超快的網(wǎng)站。
Gridsome
39. Vue-music-webapp
- Star 數(shù)：1357
- GitHub：https://github.com/CaiJinyc/vue-music-webapp
- 介紹：基于 Vue 的音樂 WebApp。
Vue-music-webapp
40. Vue-realworld-example-app
- Star 數(shù)：1187
- GitHub：https://github.com/gothinkster/vue-realworld-example-app
- 介紹：使用 Vue.js、Vuex、axios 和其他技術(shù)構(gòu)建的典型現(xiàn)實應(yīng)用程序。
Vue-realworld-example-app
41. Page-transitions-travelapp
- Star 數(shù)：1145
- GitHub：https://github.com/sdras/page-transitions-travelapp
- 介紹：旅行應(yīng)用程序，具有類似原生的頁面過渡效果。
Page-transitions-travelapp
42. Sample-vue-shop
- Star 數(shù)：918
- GitHub：https://github.com/sdras/sample-vue-shop
- 介紹：一個示例商店，展示如何使用 Vue、Stripe 和 Serverless Functions 來管理支付流程。
Sample-vue-shop
43. Vuegg
- Star 數(shù)：853
- GitHub：https://github.com/vuegg/vuegg
- 介紹：Vue GUI 生成器，模擬和代碼可以一次性搞定。
Vuegg
44. Vue-filepond
- Star 數(shù)：467
- GitHub：https://github.com/pqina/vue-filepond
- 介紹：FilePond 的一個適配器組件，一個 JavaScript 庫，可以上傳任何東西，加快上傳速度并對圖像進行優(yōu)化，同時提供了非常順暢的用戶體驗。
Vue-filepond
45. Monimo
- Star 數(shù)：230
- GitHub：https://github.com/altinselimi/monimo
- 介紹：類似 Netflix 的 Web 應(yīng)用程序，用于觀看動畫。
Monimo
以上，就是今年最值得關(guān)注的 Vue.js 開源項目！本文來自CSDN翻譯。
