2018年（存檔）最好的45個Vue開源項目彙總

做者｜Mybridge譯者｜無明

在過去的一年裏，咱們比較了將近 12,000 個 Vue.js 開源項目和庫，從中挑選了最好的 45 個（0.37％）。

這些項目和庫能夠分爲 3 類：

• 用戶界面（1~19）

• Vue.js 工具（20~36）

• 項目（37~45）

這是一個很是好的清單，精心挑選了 2018 年 1 月至 12 月期間發佈的最佳 Vue.js 開源項目。Mybridge 在受歡迎程度、參與度和新鮮度方面對它們進行了評估。其中 Github 的 Star 數平均爲 2,620。

用戶界面 1.Vuetify

 

用於 Vue.js 2 的 Material 組件框架 1.0 版本，Github Star 數 16672。

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

 2.Weex-ui

 

基於 Vue.js 和 Weex 的輕量級高性能交互式 UI 庫，由阿里巴巴貢獻，Github Star 數爲 4097。

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

 3.Eagle.js

一個使用 Vue.js 開發的幻燈片框架，Github Star 數 3343。

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

 4.Vuesax

 

前端 Vue 組件，Github Star 數 2755。

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

 5.Vue-ydui

 

Vue2.js 移動組件庫，Github Star 數 2308。

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

 6.Vue-grid-layout

 

Vue.js 可拖動且可調整大小的網格佈局，Github Star 數 2003。

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

 7.Vue-virtual-scroller

 

能夠平滑滾動任意數量的數據，Github Star 數 1741。

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

 8.Vue-content-loader

用於建立佔位符加載的 SVG 組件，例如 Facebook 卡片加載，Github Star 數 1345。

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

 9.Mand-mobile

基於 Vue.js 2 的移動 UI 工具包，專爲財務方案而設計，Github Star 數 1391。

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

 10.Vuikit

用於網站界面的響應式 Vue UI 庫，Github Star 數 1293。

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

 11.Vue-design-system v2.0

 

一個用於基於 Vue.js 構建 UI 設計系統的開源工具，Github Star 數 1296。

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

 12.Vue-styleguidist

 

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

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

 13.Heyui

 

用於 Web 的 UI 工具包，Vue2.0 ，Github Star 數 934。

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

 14.Vue2-animate v2.0

Animate.css 的 Vue 移植版本，用於 Vue 的內置過渡，Github Star 數 884。

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

 15.Ui

 

官方 Vue 應用程序的 UI 組件，Github Star 數 841。

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

 16.Proppy

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

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

 17.ZircleUI

開發可縮放用戶界面的前端庫，基於 Vue.js ，Github 上 650。

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

 18.Vue-overdrive

用於 Vue 應用程序的過渡效果，超級簡單，Github Star 數 439。

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

 19.Vue-argon-design-system

 

Vue Argon 設計系統，Github Star 數 302。

地址：

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

Vue.js 工具 20.Vue-cli

 

用於快速 Vue.js 開發的 CLI 3.0 版本，Github Star 數 18952。

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

 21.Vue-devtools（v 4.0）

 

Chrome 開發者工具的擴展，用於調試 Vue.js 應用程序，Github Star 數 12112。

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

 22.Vue-native-core

 

Vue Native 是一個使用 JavaScript 構建跨平臺原生移動應用程序的框架 [Github Star 數 5545]。

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

 23.Tiptap

Vue.js 富文本編輯器 ，Github Star 數 2790。

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

 24.Uni-app

使用 Vue.js 開發跨平臺應用程序的前端框架 ，Github Star 數 2276。

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

 25.Vue-rx v6.0

Vue.js 的 RxJS 集成，Github Star 數 2284。

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

 26.Eros

 

一組 Vue 代碼，兩端原生應用程序，Github Star 數 1587。

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

 27.Vue-wait

 

Vue/Vuex 和 Nuxt 應用程序的複雜加載器和進度管理器，Github Star 數 1266。

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

 28.Vue-starter

一個生產就緒、靈活可擴展的 PWA 樣板，專一於性能、開發速度和最佳實踐，Github Star 數 1192。

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

 29.Vue-hooks

使用 Vue 實現的 React Hooks，Github Star 數 1148。

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

 30.Portal-vue

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

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

 31.Vue-fullpage.js

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

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

 32.Vue-api-query

一種構建 REST API 請求的優雅而簡單的方法，Github Star 數 750。

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

 33.Vuese

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

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

 34.Vuex-orm

Vuex 插件，用於啓用對 Vuex 存儲的對象關係映射（ORM）訪問，Github Star 數 724。

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

 35.Vuex-pathify

Vue/Vuex 插件，爲 Vuex 存儲提供統一的路徑語法，Github Star 數 651。

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

 36.Vue-vr

 

使用 Vue 構建 VR 應用程序的框架，Github Star 數 147。

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

項目 37.Vuepress

Minimalistic Vue 驅動的靜態網站生成器，Github Star 數 11323。

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

 38.Gridsome

使用 Vue.js 爲 CMS 或數據構建超快的網站，在 Github Star 數 1902。

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

 39.Vue-music-webapp

基於 Vue 的 Music WebApp，Github Star 數 1357。

地址：

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

 40.Vue-realworld-example-app

使用 Vue.js、Vuex、axios 和其餘技術構建的示例性應用程序，Github Star 數 1187。

地址：

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

 41.Page-transitions-travelapp

旅行應用程序，具備相似原生的頁面過渡，Github Star 數 1145。

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

 42.Sample-vue-shop

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

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

 43.VueggVue GUI 生成器，模擬和代碼能夠一次性搞定，Github Star 數 853。

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

 44.Vue-filepond

FilePond 的一個適配器組件，一個 JavaScript 庫，能夠上傳任何東西，爲加快上傳速度對圖像進行優化，並提供了很是順暢的用戶體驗，Github Star 數 467。

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

 45.Monimo

Netflix 風格的 Web App，用於觀看動畫，Github Star 數 230。

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

英文原文：

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