推薦9個優秀的 VUE 開源項目
前言
Vue 結合了 React 和 Angular 的優點，并且有著團結、活躍且龐大的社區，可以幫助解決開發中遇到的問題。開源社區不斷提出解決問題的新方法。工具和庫的數量也貢獻量不斷的增加。
使用 Vue 的好處
- 該框架非常小。約為18–21KB；
- Vue 支持用基于組件的方法來構建 Web 應用；
- 詳細的文檔。這對于初學者來說很容易上手；
- 易于理解。由于其結構簡單，你可以輕松地把 Vue.js 添加到自己的 Web 項目里。它憑借定義良好的體系結構來保存你的數據。生命周期方法和自定義方法是分開的；
- 輕松的集成。你可以通過 CDN 來輕松添加 Vue.js，不依賴 Node.js 和 npm 環境就可以用。完全可以把它當成替代 jQuery 的絕佳選擇；
- 出色的工具。 通過 Vue CLI ，你可以使用內置的路由、狀態存儲、Lint、單元測試、CSS預處理器、Typescript、PWA 等來啟動新項目。此外，Vue CLI 還提供了用于管理項目的UI。
Vue開源項目
下面匯總了一些非常流行的工具和庫，并包括在 Vue 生態系統中所涉及到的其他庫和插件。
是根據其有用性、有效性、文檔、思想和貢獻指南進行選擇的。
UI組件
Vuetify
網站： https://vuetifyjs.com/en/Github: https://github.com/vuetifyjs/vuetifyDemo: –License: MITGithub stars: 25.6k
Vuetify project
Vuetify 根據材料設計規范提供了大量的精制組件（80+）。Vuetify 結合了 Vue.js 和 Material 的所有優點。該框架與 RTL 和 Vue CLI-3 兼容。Vuetify 的所有組件都有很好的文檔，也有清晰的示例。它可以用于 Vue 的服務器端渲染（SSR）。Vuetify 支持所有現代的 Web 瀏覽器，甚至包括 IE11 和 Safari 9+（帶有 polyfill）。它還帶有現成的項目支架，你可以通過一個命令開始構建 Vue.js 應用。
它根據材料設計提供了一組組件，例如：
- Buttons;
- Inputs;
- Cards;
- 輪播；
- Tables,
- 列表。
Vuetify 背后有一個充滿活力的社區，500 多個貢獻者創建了大量的 Vuetify 插件。它有優質開源項目的所有要素：廣泛的文檔，文稿指南，問題管理等。
Buefy
網站： https://buefy.org/Github: https://github.com/buefy/buefyDemo:https://buefy.org/expo/License: MITGithub stars: 7.6k
Buefy logo
Buefy 為基于 Bulma 的 Vue.js 提供了輕量級的 UI 組件。Buefy 有兩個核心原則：使事情簡單和輕巧。這就解釋了為什么 Vue 和 Bulma 是它唯一的依賴。盡管只有 40 多個組件，但它為你提供了開箱即用的移動優先和響應式 UI 組件。
特性：
- 支持 Material Design 圖標和 FontAwesome；
- 非常輕巧，除了 Vue 和 Bulma 之外，沒有任何內部依賴；
- 約 88KB；
- 語義代碼輸出。
Vue Material
網站： https://vuematerial.io/Github: https://github.com/vuematerial/vue-materialDemo: –License: MITGithub stars: 8.8k
Vue Material project
Vue Material 簡單、輕巧，并且完全按照 Google Material Design 規范構建。Vue Material 提供了超過 56個組件來構建不同類型的布局。Material Design Framework 擁有真正完整的文檔。該框架非常輕巧，具有完全符合Google Material Design 指南的所有組件。這種設計并支持所有的現代瀏覽器適合所有的屏幕。
工具包
Nuxt.js
網站： https://nuxtjs.org/Github： https://github.com/nuxt/nuxt.jsDemo: –License:MITGithub stars: 27.4k
Nuxt.js logo
Nuxt 是一個簡單而直接的框架，用于構建通用程序，例如：服務器端渲染的應用，單頁應用，漸進式 Web 應用，或只是把它用作靜態站點生成器。它也是模塊化的，所以你只需使用程序所需的那些模塊即可。Nuxt 使你不必糾結于構建和優化程序的工作。Nuxt.js 具有模塊化架構，有50多個模塊可供選擇。
特征：
- 自動轉譯和打包（通過 webpack 和 babel）；
- 代碼熱加載；
- 可以選擇服務器端渲染、單頁應用程序或靜態生成；
- 可通過 nuxt.config.js 文件進行配置；
- 為每個頁面的頁代碼進行拆分；
- 帶有 layouts/目錄的自定義布局；
- 僅加載關鍵的CSS（頁面級）。
Nuxt 成為 Vue 開發不可或缺的一部分，有許多貢獻者和廣泛的社區。
Quasar
網站： https://quasar.dev/Github：https://github.com/quasarframework/quasarDemo: –License: MITGithub stars: 14.8k
Quasar framework
Quasar 是一個基于 Vue 的通用框架，可讓你用相同的代碼庫為不同平臺編寫應用程序：SPA，PWA，SSR 應用，混合移動應用或多平臺桌面應用。Quasar 包含多達 81 個組件。
這里有大量的文檔和的組件，這些組件在設計時都考慮了性能和響應能力。Quasar 默認情況下集成了最佳做法（HTML/CSS/JS最小化、緩存清除、tree shaking，源映射、帶有延遲加載的代碼拆分、ES6 生成，code-splitting、可訪問性等），所以你只需要把經歷放在程序的功能上。它還提供了一個 CLI 工具，用于輕松構建新的項目。
Bootstrap Vue
網站： https://bootstrap-vue.org/Github: https://github.com/bootstrap-vue/bootstrap-vueDemo: https://bootstrap-vue.org/playLicense: MITGithub stars:11.5k
Bootstrap Vue logo
Bootstrap Vue 是基于 Bootstrap 庫的 UI 套件。它只是用 Vue 代碼替換了常規的 Bootstrap 組件中的JavaScript。借助 Bootstrap Vue，你可以使用 Vue.js 和世界上最受歡迎的前端 CSS 庫——Bootstrap v4 在 Web 上構建響應式、移動優先和 ARIA 可訪問的項目。它還可以輕松地與 Nuxt.js 集成。
文檔內容豐富，加上強大的社區支持，這使你可以輕松的啟動一個項目。
開發者工具
Statusfy
網站： https://aceforth.com/products/statusfyGithub:https://github.com/aceforth/statusfyDemo: –License: Apache License 2.0Github stars: 1.9k
Statusfy project
Statusfy 是一個完全開源的狀態頁面系統。Statusfy 網站是一個 Web 應用，基于 Eleventy、Vue、Nuxt.js 和 Tailwind CSS 創建。
它很酷，因為：
- Markdown 支持；
- 它是一個漸進式 Web 應用；
- 多國語言支持；
- 易于定制。
在社區管理和支持方面，該項目具有社區聊天功能，大量教程、技巧、更新和博客。它還有詳細的的文檔。
Cachet
網站： https://cachethq.io/Github： https://github.com/CachetHQ/CachetDemo:https://demo.cachethq.io/License: BSD 3-Clause “New” or “Revised” LicenseGithub stars: 11.1k
Cachet project
Cachet 是由 Vue 和Bootstrap 組成的功能強大的開源狀態頁面系統。它內置了 10 種語言。Cachet 與簡單但功能強大的 JSON API 捆綁在一起。通過 Cachet 你可以提前安排事件。可以在信息中心內設置指標，這是一種衡量指標的方法，無論是正常運行時間，錯誤率還是完全隨機的指標。
Slack 有一個很大的社區，貢獻者非常活躍。
VeeValidate
網站： http://vee-validate.logaretm.com/Github： https://github.com/logaretm/vee-validateDemo: –License: MITGithub stars: 7.6k
VeeValidate
VeeValidate 是 Vue.js 的基于模板的驗證框架，使你可以驗證輸入并顯示錯誤。
它是基于模板的，你只需要為每個輸入指定應使用哪種驗證器即可。系統會使用 40 多種語言環境自動生成錯誤。現成的規則非常多。
特性：
- 易于設置的基于模板的驗證；
- i18n 支持 40 多個語言環境和錯誤消息；
- 支持異步和自定義規則；
- 用 TypeScript 編寫；
- 無依賴性。
VeeValidate 解決了表單驗證的主要難題，并以最靈活的方式解決了它們：
- 能夠為你的用戶制作復雜的 UX；
- 最常見的驗證是被內置的；
- 跨領域驗證；
- 用于增強表格的可訪問性和樣式的實用工具；
- 本地化內置在內核中。
團隊歡迎任何人為該項目做出貢獻，并有著良好的文檔和貢獻指南。它還有幾個很不錯的例子。
總結
以上是為大家收集的 Vue 最有用、最完善的開源項目，希望能夠對你有所幫助。
