火速拿來用!對比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 開源項目!
相關閱讀:http://bit.ly/2GU4V01http://bit.ly/2Iqf4p6https://medium.mybridge.co/48-amazing-javascript-open-source-for-the-past-year-v-2019-ce51cdd10fb9https://medium.mybridge.co/amazing-react-js-open-source-of-the-year-v-2019-364d057ac3f3原文:https://medium.mybridge.co/45-amazing-vue-js-open-source-for-the-past-year-v-2019-b8533f26a0a2本文為 CSDN 翻譯,如需轉載,請註明來源出處。作者獨立觀點,不代表 CSDN 立場。
※楊冪 AI 換臉:你上傳的照片,正在出賣你!
※蘋果的困境源於優質移動應用的垮台嗎?
TAG:CSDN |