作者｜Mybridge

譯者｜無明

在過去的一年里，我們比較了將近 12,000 個(gè) Vue.js 開源項(xiàng)目和庫，從中挑選了最好的 45 個(gè)（0.37％）。

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

• 用戶界面（1~19）
• Vue.js 工具（20~36）
• 項(xiàng)目（37~45）

這是一個(gè)非常好的清單，精心挑選了 2018 年 1 月至 12 月期間發(fā)布的最佳 Vue.js 開源項(xiàng)目。Mybridge 在受歡迎程度、參與度和新鮮度方面對(duì)它們進(jìn)行了評(píng)估。其中 Github 的 Star 數(shù)平均為 2,620。

用戶界面

1.Vuetify

用于 Vue.js 2 的 Material 組件框架 1.0 版本，Github Star 數(shù) 16672。

地址：https://github.com/vuetifyjs/vuetify

2.Weex-ui

基于 Vue.js 和 Weex 的輕量級(jí)高性能交互式 UI 庫，由阿里巴巴貢獻(xiàn)，Github Star 數(shù)為 4097。

地址：https://github.com/alibaba/weex-ui

3.Eagle.js

一個(gè)使用 Vue.js 開發(fā)的幻燈片框架，Github Star 數(shù) 3343。

地址：https://github.com/Zulko/eagle.js

4.Vuesax

前端 Vue 組件，Github Star 數(shù) 2755。

地址：https://github.com/lusaxweb/vuesax

5.Vue-ydui

Vue2.js 移動(dòng)組件庫，Github Star 數(shù) 2308。

地址：https://github.com/ydcss/vue-ydui

6.Vue-grid-layout

Vue.js 可拖動(dòng)且可調(diào)整大小的網(wǎng)格布局，Github Star 數(shù) 2003。

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

7.Vue-virtual-scroller

可以平滑滾動(dòng)任意數(shù)量的數(shù)據(jù)，Github Star 數(shù) 1741。

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

8.Vue-content-loader

用于創(chuàng)建占位符加載的 SVG 組件，例如 Facebook 卡片加載，Github Star 數(shù) 1345。

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

9.Mand-mobile

基于 Vue.js 2 的移動(dòng) UI 工具包，專為財(cái)務(wù)方案而設(shè)計(jì)，Github Star 數(shù) 1391。

地址：https://github.com/didi/mand-mobile

10.Vuikit

用于網(wǎng)站界面的響應(yīng)式 Vue UI 庫，Github Star 數(shù) 1293。

地址：https://github.com/vuikit/vuikit

11.Vue-design-system v2.0

一個(gè)用于基于 Vue.js 構(gòu)建 UI 設(shè)計(jì)系統(tǒng)的開源工具，Github Star 數(shù) 1296。

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

12.Vue-styleguidist

Vue 組件樣式指南生成器，帶有實(shí)時(shí)的樣式指南，Github Star 數(shù) 1088。

地址：https://github.com/vue-styleguidist/vue-styleguidist

13.Heyui

用于 Web 的 UI 工具包，Vue2.0 ，Github Star 數(shù) 934。

地址：https://github.com/heyui/heyui

14.Vue2-Animate v2.0

Animate.css 的 Vue 移植版本，用于 Vue 的內(nèi)置過渡，Github Star 數(shù) 884。

地址：https://github.com/asika32764/vue2-animate

15.Ui

官方 Vue 應(yīng)用程序的 UI 組件，Github Star 數(shù) 841。

地址：https://github.com/vuejs/ui

16.Proppy

UI 組件的 prop 組合（支持 React.js 和 Vue.js），Github Star 數(shù) 792。

地址：https://github.com/fahad19/proppy

17.ZircleUI

開發(fā)可縮放用戶界面的前端庫，基于 Vue.js ，Github 上 650。

地址：https://github.com/zircleUI/zircleUI

18.Vue-overdrive

用于 Vue 應(yīng)用程序的過渡效果，超級(jí)簡(jiǎn)單，Github Star 數(shù) 439。

地址：https://github.com/mattrothenberg/vue-overdrive

19.Vue-argon-design-system

Vue Argon 設(shè)計(jì)系統(tǒng)，Github Star 數(shù) 302。

地址：

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

Vue.js 工具

20.Vue-cli

用于快速 Vue.js 開發(fā)的 CLI 3.0 版本，Github Star 數(shù) 18952。

地址：https://github.com/vuejs/vue-cli

21.Vue-devtools（v 4.0）

Chrome 開發(fā)者工具的擴(kuò)展，用于調(diào)試 Vue.js 應(yīng)用程序，Github Star 數(shù) 12112。

地址：https://github.com/vuejs/vue-devtools

22.Vue-native-core

Vue Native 是一個(gè)使用 JavaScript 構(gòu)建跨平臺(tái)原生移動(dòng)應(yīng)用程序的框架 [Github Star 數(shù) 5545]。

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

23.Tiptap

Vue.js 富文本編輯器 ，Github Star 數(shù) 2790。

地址：https://github.com/scrumpy/tiptap

24.Uni-app

使用 Vue.js 開發(fā)跨平臺(tái)應(yīng)用程序的前端框架 ，Github Star 數(shù) 2276。

地址：https://github.com/dcloudio/uni-app

25.Vue-rx v6.0

Vue.js 的 RxJS 集成，Github Star 數(shù) 2284。

地址：https://github.com/vuejs/vue-rx

26.Eros

一組 Vue 代碼，兩端原生應(yīng)用程序，Github Star 數(shù) 1587。

地址：https://github.com/bmfe/eros

27.Vue-wait

Vue/Vuex 和 Nuxt 應(yīng)用程序的復(fù)雜加載器和進(jìn)度管理器，Github Star 數(shù) 1266。

地址：https://github.com/f/vue-wait

28.Vue-starter

一個(gè)生產(chǎn)就緒、靈活可擴(kuò)展的 PWA 樣板，專注于性能、開發(fā)速度和最佳實(shí)踐，Github Star 數(shù) 1192。

地址：https://github.com/devCrossNet/vue-starter

29.Vue-hooks

使用 Vue 實(shí)現(xiàn)的 React Hooks，Github Star 數(shù) 1148。

地址：https://github.com/yyx990803/vue-hooks

30.Portal-vue

Vuejs 的 Portal 組件，用于在組件外部、文檔的任意位置渲染 DOM，Github Star 數(shù) 1414。

地址：https://github.com/linusborg/portal-vue

31.Vue-fullpage.js

fullPage.js 的官方 Vue.js 包裝器，Github Star 數(shù) 829。

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

32.Vue-api-query

一種構(gòu)建 REST API 請(qǐng)求的優(yōu)雅而簡(jiǎn)單的方法，Github Star 數(shù) 750。

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

33.Vuese

Vue 組件文檔的一站式解決方案，Github Star 數(shù) 741。

地址：https://github.com/vuese/vuese

34.Vuex-orm

Vuex 插件，用于啟用對(duì) Vuex 存儲(chǔ)的對(duì)象關(guān)系映射（ORM）訪問，Github Star 數(shù) 724。

地址：https://github.com/vuex-orm/vuex-orm

35.Vuex-pathify

Vue/Vuex 插件，為 Vuex 存儲(chǔ)提供統(tǒng)一的路徑語法，Github Star 數(shù) 651。

地址：https://github.com/davestewart/vuex-pathify

36.Vue-vr

使用 Vue 構(gòu)建 VR 應(yīng)用程序的框架，Github Star 數(shù) 147。

地址：https://github.com/imudin/vue-vr

項(xiàng)目

37.Vuepress

Minimalistic Vue 驅(qū)動(dòng)的靜態(tài)網(wǎng)站生成器，Github Star 數(shù) 11323。

地址：https://github.com/vuejs/vuepress

38.Gridsome

使用 Vue.js 為 CMS 或數(shù)據(jù)構(gòu)建超快的網(wǎng)站，在 Github Star 數(shù) 1902。

地址：https://github.com/gridsome/gridsome

39.Vue-music-webapp

基于 Vue 的 Music WebApp，Github Star 數(shù) 1357。

地址：

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

40.Vue-realworld-example-app

使用 Vue.js、Vuex、axios 和其他技術(shù)構(gòu)建的示例性應(yīng)用程序，Github Star 數(shù) 1187。

地址：

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

41.Page-transitions-travelapp

旅行應(yīng)用程序，具有類似原生的頁面過渡，Github Star 數(shù) 1145。

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

42.Sample-vue-shop

一個(gè)示例商店，展示如何使用 Vue、Stripe 和 Serverless Functions 來管理支付流程，Github Star 數(shù) 918。

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

43.Vuegg

Vue GUI 生成器，模擬和代碼可以一次性搞定，Github Star 數(shù) 853。

地址：https://github.com/vuegg/vuegg

44.Vue-filepond

FilePond 的一個(gè)適配器組件，一個(gè) JavaScript 庫，可以上傳任何東西，為加快上傳速度對(duì)圖像進(jìn)行優(yōu)化，并提供了非常順暢的用戶體驗(yàn)，Github Star 數(shù) 467。

地址：https://github.com/pqina/vue-filepond

45.Monimo

Netflix 風(fēng)格的 Web App，用于觀看動(dòng)畫，Github Star 數(shù) 230。

地址：https://github.com/altinselimi/monimo

英文原文：

https://medium.mybridge.co/45-amazing-vue-js-open-source-for-the-past-year-v-2019-b8533f26a0a2