在過(guò)去一年里痛倚，前端開發(fā)發(fā)展迅速，前端工程師的薪資亦是水漲船高澜躺。2019 更是熱度不減蝉稳，而作為近年來(lái)尤為熱門的前端框架，Vue.js 自是積累了大量關(guān)注掘鄙。本文將為你介紹 2019 年最值得關(guān)注的 45 個(gè) Vue.js 開源項(xiàng)目——Let's go!

Vue2019

在過(guò)去的一年里耘戚，我們比較了將近 12000 個(gè) Vue.js 開源項(xiàng)目和庫(kù)，并從中挑選了最好的 45 個(gè)（占比 0.37%）通铲。

這些項(xiàng)目和庫(kù)可以分為 3 類：

用戶界面（1~19）

Vue.js工具（20~36）

項(xiàng)目（37~45）

這是一個(gè)極具權(quán)威性的表單毕莱，精確匯總了 2018 年 1-12 月期間發(fā)布的最佳 Vue.js 開源項(xiàng)目。Mybridge 工作組從受歡迎程度颅夺、參與度和新鮮度三方面對(duì)它們進(jìn)行了評(píng)估朋截。這些項(xiàng)目的 Github Star 平均數(shù)為 2620，可見(jiàn)其卓越不凡吧黄。

開源項(xiàng)目對(duì)程序員來(lái)說(shuō)意義非凡部服，讓我們花些時(shí)間，一起來(lái)看看這些在去年可能被你錯(cuò)過(guò)了的 Vue.js 開源項(xiàng)目吧拗慨。

用戶界面

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

介紹：一個(gè)基于 Vue.js 和 Weex 的富交互廓八、輕量級(jí)、高性能的 UI 庫(kù)赵抢，由阿里巴巴提供剧蹂。

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 移動(dòng)組件庫(kù)宠叼。

Vue-ydui

6. Vue-grid-layout

Star 數(shù)：2003

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

介紹：Vue.js 的一個(gè)可拖動(dòng)且可調(diào)整大小的網(wǎng)格布局。

Vue-grid-layout

7. Vue-virtual-scroller

Star 數(shù)：1741

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

介紹：讓擁有任何數(shù)據(jù)量的頁(yè)面都能平滑滾動(dòng)。

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 的移動(dòng)端 UI 組件庫(kù)，專為金融場(chǎng)景設(shè)計(jì)简烤。

Mand-mobile

10. Vuikit

Star 數(shù)：1293

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

介紹：網(wǎng)站界面的響應(yīng)式 Vue UI 庫(kù)剂邮。

Vuikit

11. Vue-design-system v2.0

Star 數(shù)：1296

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

介紹：基于 Vue.js 構(gòu)建 UI 設(shè)計(jì)系統(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)建的帶有實(shí)時(shí)樣式指南的 Vue 組件横侦。

Vue-styleguidist

13. Heyui

Star 數(shù)：934

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

介紹：Web UI 庫(kù)挥萌，Vue2.0。

Heyui

14. Vue2-animate v2.0

Star 數(shù)：884

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

介紹：Animate.css 的 Vue 移植版本枉侧，用于 Vue 的內(nèi)置過(guò)渡瑞眼。

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 的可縮放用戶界面的前端庫(kù)伤疙。

ZircleUI

18. Vue-overdrive

Star 數(shù)：439

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

介紹：用于 Vue 應(yīng)用程序的超簡(jiǎn)易 Magic Move 過(guò)渡效果。

Vue-overdrive

19. Vue-argon-design-system

Star 數(shù)：302

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

介紹：Vue Argon 設(shè)計(jì)系統(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 擴(kuò)展開發(fā)工具。

Vue-devtools（v 4.0）

22. Vue-native-core

Star 數(shù)：5545

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

介紹：Vue Native 是一個(gè)用 JavaScript 構(gòu)建的跨平臺(tái)原生移動(dòng)應(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ā)跨平臺(tái)應(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)用程序的復(fù)雜加載器和進(jìn)度管理器劈愚。

Vue-wait

28. Vue-starter

Star 數(shù)：1192

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

介紹：一種用于待投產(chǎn) PWA 的靈活、可擴(kuò)展的固定模板闻妓，專注于性能菌羽、開發(fā)速度和最佳實(shí)踐。

Vue-starter

29. Vue-hooks

Star 數(shù)：1148

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

介紹：在 Vue 中實(shí)現(xiàn)試驗(yà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 請(qǐng)求的方法，優(yōu)雅且簡(jiǎn)單舔箭。

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 存儲(chǔ)的對(duì)象關(guān)系映射。

Vuex-orm

35. Vuex-pathify

Star 數(shù)：651

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

介紹：Vue/Vuex 插件靴庆，為 Vuex 存儲(chǔ)提供統(tǒng)一的路徑語(yǔ)法。

Vuex-pathify

36. Vue-vr

Star 數(shù)：147

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

介紹：使用 Vue 構(gòu)建 VR 應(yīng)用程序的框架怒医。

Vue-vr

項(xiàng)目

37. Vuepress

Star 數(shù)：11323

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

介紹：基于 Vue 的輕量級(jí)靜態(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 的音樂(lè) 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)實(shí)應(yīng)用程序扒袖。

Vue-realworld-example-app

41. Page-transitions-travelapp

Star 數(shù)：1145

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

介紹：旅行應(yīng)用程序塞茅，具有類似原生的頁(yè)面過(guò)渡效果。

Page-transitions-travelapp

42. Sample-vue-shop

Star 數(shù)：918

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

介紹：一個(gè)示例商店季率，展示如何使用 Vue野瘦、Stripe 和 Serverless Functions 來(lái)管理支付流程。

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 的一個(gè)適配器組件，一個(gè) JavaScript 庫(kù)泞遗，可以上傳任何東西惰许，加快上傳速度并對(duì)圖像進(jìn)行優(yōu)化，同時(shí)提供了非常順暢的用戶體驗(yàn)史辙。

Vue-filepond

45. Monimo

Star 數(shù)：230

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

介紹：類似 Netflix 的 Web 應(yīng)用程序汹买，用于觀看動(dòng)畫。

Monimo

以上聊倔，就是今年最值得關(guān)注的 Vue.js 開源項(xiàng)目晦毙！本文來(lái)自CSDN翻譯。

作者：grain先森

鏈接：http://www.reibang.com/p/47bac9ccaaa7

來(lái)源：簡(jiǎn)書

簡(jiǎn)書著作權(quán)歸作者所有耙蔑，任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處结序。