9個(gè)優(yōu)秀的 VUE 開(kāi)源項(xiàng)目
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
Vue 結(jié)合了 React 和 Angular 的優(yōu)點(diǎn),并且有著團(tuán)結(jié)、活躍且龐大的社區(qū),可以幫助解決開(kāi)發(fā)中遇到的問(wèn)題。開(kāi)源社區(qū)不斷提出解決問(wèn)題的新方法。工具和庫(kù)的數(shù)量也貢獻(xiàn)量不斷的增加。 使用 Vue 的好處
Vue開(kāi)源項(xiàng)目下面匯總了一些非常流行的工具和庫(kù),并包括在 Vue 生態(tài)系統(tǒng)中所涉及到的其他庫(kù)和插件。 是根據(jù)其有用性、有效性、文檔、思想和貢獻(xiàn)指南進(jìn)行選擇的。 UI組件Vuetify網(wǎng)站: https://vuetifyjs.com/en/ Vuetify 根據(jù)材料設(shè)計(jì)規(guī)范提供了大量的精制組件(80+)。Vuetify 結(jié)合了 Vue.js 和 Material 的所有優(yōu)點(diǎn)。該框架與 RTL 和 Vue CLI-3 兼容。Vuetify 的所有組件都有很好的文檔,也有清晰的示例。它可以用于 Vue 的服務(wù)器端渲染(SSR)。Vuetify 支持所有現(xiàn)代的 Web 瀏覽器,甚至包括 IE11 和 Safari 9+(帶有 polyfill)。它還帶有現(xiàn)成的項(xiàng)目支架,你可以通過(guò)一個(gè)命令開(kāi)始構(gòu)建 Vue.js 應(yīng)用。 它根據(jù)材料設(shè)計(jì)提供了一組組件,例如:
Vuetify 背后有一個(gè)充滿活力的社區(qū),500 多個(gè)貢獻(xiàn)者創(chuàng)建了大量的 Vuetify 插件。它有優(yōu)質(zhì)開(kāi)源項(xiàng)目的所有要素:廣泛的文檔,文稿指南,問(wèn)題管理等。 Buefy網(wǎng)站: https://buefy.org/ Buefy 為基于 Bulma 的 Vue.js 提供了輕量級(jí)的 UI 組件。Buefy 有兩個(gè)核心原則:使事情簡(jiǎn)單和輕巧。這就解釋了為什么 Vue 和 Bulma 是它唯一的依賴(lài)。盡管只有 40 多個(gè)組件,但它為你提供了開(kāi)箱即用的移動(dòng)優(yōu)先和響應(yīng)式 UI 組件。 特性:
Vue Material網(wǎng)站: https://vuematerial.io/ Vue Material 簡(jiǎn)單、輕巧,并且完全按照 Google Material Design 規(guī)范構(gòu)建。Vue Material 提供了超過(guò) 56個(gè)組件來(lái)構(gòu)建不同類(lèi)型的布局。Material Design Framework 擁有真正完整的文檔。該框架非常輕巧,具有完全符合Google Material Design 指南的所有組件。這種設(shè)計(jì)并支持所有的現(xiàn)代瀏覽器適合所有的屏幕。 工具包Nuxt.js網(wǎng)站: https://nuxtjs.org/ Nuxt 是一個(gè)簡(jiǎn)單而直接的框架,用于構(gòu)建通用程序,例如:服務(wù)器端渲染的應(yīng)用,單頁(yè)應(yīng)用,漸進(jìn)式 Web 應(yīng)用,或只是把它用作靜態(tài)站點(diǎn)生成器。它也是模塊化的,所以你只需使用程序所需的那些模塊即可。Nuxt 使你不必糾結(jié)于構(gòu)建和優(yōu)化程序的工作。Nuxt.js 具有模塊化架構(gòu),有50多個(gè)模塊可供選擇。 特征:
Nuxt 成為 Vue 開(kāi)發(fā)不可或缺的一部分,有許多貢獻(xiàn)者和廣泛的社區(qū)。 Quasar網(wǎng)站: https://quasar.dev/ Quasar 是一個(gè)基于 Vue 的通用框架,可讓你用相同的代碼庫(kù)為不同平臺(tái)編寫(xiě)應(yīng)用程序:SPA,PWA,SSR 應(yīng)用,混合移動(dòng)應(yīng)用或多平臺(tái)桌面應(yīng)用。Quasar 包含多達(dá) 81 個(gè)組件。 這里有大量的文檔和的組件,這些組件在設(shè)計(jì)時(shí)都考慮了性能和響應(yīng)能力。Quasar 默認(rèn)情況下集成了最佳做法(HTML/CSS/JS最小化、緩存清除、tree shaking,源映射、帶有延遲加載的代碼拆分、ES6 生成,code-splitting、可訪問(wèn)性等),所以你只需要把經(jīng)歷放在程序的功能上。它還提供了一個(gè) CLI 工具,用于輕松構(gòu)建新的項(xiàng)目。 Bootstrap Vue網(wǎng)站: https://bootstrap-vue.org/ Bootstrap Vue 是基于 Bootstrap 庫(kù)的 UI 套件。它只是用 Vue 代碼替換了常規(guī)的 Bootstrap 組件中的Javascript。借助 Bootstrap Vue,你可以使用 Vue.js 和世界上最受歡迎的前端 CSS 庫(kù)——Bootstrap v4 在 Web 上構(gòu)建響應(yīng)式、移動(dòng)優(yōu)先和 ARIA 可訪問(wèn)的項(xiàng)目。它還可以輕松地與 Nuxt.js 集成。 文檔內(nèi)容豐富,加上強(qiáng)大的社區(qū)支持,這使你可以輕松的啟動(dòng)一個(gè)項(xiàng)目。 開(kāi)發(fā)者工具Statusfy網(wǎng)站: https://aceforth.com/products/statusfy Statusfy 是一個(gè)完全開(kāi)源的狀態(tài)頁(yè)面系統(tǒng)。Statusfy 網(wǎng)站是一個(gè) Web 應(yīng)用,基于 Eleventy、Vue、Nuxt.js 和 Tailwind CSS 創(chuàng)建。 它很酷,因?yàn)椋?/strong>
在社區(qū)管理和支持方面,該項(xiàng)目具有社區(qū)聊天功能,大量教程、技巧、更新和博客。它還有詳細(xì)的的文檔。 Cachet網(wǎng)站: https://cachethq.io/ Cachet 是由 Vue 和Bootstrap 組成的功能強(qiáng)大的開(kāi)源狀態(tài)頁(yè)面系統(tǒng)。它內(nèi)置了 10 種語(yǔ)言。Cachet 與簡(jiǎn)單但功能強(qiáng)大的 JSON API 捆綁在一起。通過(guò) Cachet 你可以提前安排事件??梢栽谛畔⒅行膬?nèi)設(shè)置指標(biāo),這是一種衡量指標(biāo)的方法,無(wú)論是正常運(yùn)行時(shí)間,錯(cuò)誤率還是完全隨機(jī)的指標(biāo)。 Slack 有一個(gè)很大的社區(qū),貢獻(xiàn)者非?;钴S。 VeeValidate網(wǎng)站: http://vee-validate.logaretm.com/ VeeValidate 是 Vue.js 的基于模板的驗(yàn)證框架,使你可以驗(yàn)證輸入并顯示錯(cuò)誤。 它是基于模板的,你只需要為每個(gè)輸入指定應(yīng)使用哪種驗(yàn)證器即可。系統(tǒng)會(huì)使用 40 多種語(yǔ)言環(huán)境自動(dòng)生成錯(cuò)誤?,F(xiàn)成的規(guī)則非常多。 特性:
VeeValidate 解決了表單驗(yàn)證的主要難題,并以最靈活的方式解決了它們:
團(tuán)隊(duì)歡迎任何人為該項(xiàng)目做出貢獻(xiàn),并有著良好的文檔和貢獻(xiàn)指南。它還有幾個(gè)很不錯(cuò)的例子。 總結(jié)以上是為大家收集的 Vue 最有用、最完善的開(kāi)源項(xiàng)目,希望能夠?qū)δ阌兴鶐椭?/p> 該文章在 2023/8/1 11:47:37 編輯過(guò) |
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)... |