7個(gè)實(shí)用的 Vue.js 工具和庫(kù)
本文總結(jié)了一些最值得關(guān)注的工具和庫(kù)，相信你遲早會(huì)用在自己的 Vue.js 項(xiàng)目中。同類(lèi)文章經(jīng)常只會(huì)列舉一些 UI 組件庫(kù)，而本文涉及的范圍更廣，探討了 Vue 生態(tài)系統(tǒng)中的一系列工具、庫(kù)和插件。
我的選擇是基于實(shí)用性、有效性和獨(dú)特性等原則——而不是它們的 GitHub 受歡迎程度或星級(jí)評(píng)分。
1: Nuxt.js
Github?stars:?28.9k
網(wǎng)站：https://nuxtjs.org/
Github：https://github.com/nuxt/nuxt.js
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è)模塊可供選擇。
2：Quasar
網(wǎng)站：https://quasar.dev/
Github：https://github.com/quasarframework/quasar
Github stars: 15.8k
Quasar-Framework 是一款基于vue.js開(kāi)發(fā)的開(kāi)源的前端框架,
只寫(xiě)一次代碼的情況下發(fā)布到多個(gè)平臺(tái) website, PWA ,Mobile App 和 Electron App ，用起來(lái)表示十分滿(mǎn)意。
3：Bootstrap Vue
網(wǎng)站：https://bootstrap-vue.org/
Github: https://github.com/bootstrap-vue/bootstrap-vue
Demo: https://bootstrap-vue.org/play
Github stars: 12k
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 集成。
4、Vue CLI
網(wǎng)站：https://cli.vuejs.org/zh/
Github：https://github.com/vuejs/vue-cli
Github stars: 26k
Vue CLI 直接支持各種主流 Web 開(kāi)發(fā)工具和技術(shù)，如 Babel、TypeScript、ESLint、PostCSS、PWA、Jest、Mocha、Cypress 和 Nightwatch 等。這主要?dú)w功于它的可擴(kuò)展插件系統(tǒng)。這意味著社區(qū)可以構(gòu)建和共享可復(fù)用的插件以滿(mǎn)足常見(jiàn)需求。
5：VuePress
網(wǎng)站：https://www.vuepress.cn/
Github：https://github.com/vuejs/vuepress
Github stars:17.1k
VuePress 是 Vue 生態(tài)系統(tǒng)中的另一大重頭戲。它是一個(gè)基于 Vue 的靜態(tài)站點(diǎn)生成器，最初是用來(lái)編寫(xiě)技術(shù)文檔的工具，現(xiàn)在則發(fā)展成為一個(gè)小巧、緊湊、功能強(qiáng)大的無(wú)頭 CMS。從版本 1.x 開(kāi)始，它提供了出色的博客功能和強(qiáng)大的插件系統(tǒng)。它有一個(gè)默認(rèn)主題（適用于技術(shù)文檔），但你也可以構(gòu)建自定義主題或使用社區(qū)中的預(yù)制主題。
6：Vuex
網(wǎng)站：https://vuex.vuejs.org/
Github：https://github.com/vuejs/vuex
Github stars:24.5k
VUX 是基于 WeUI 和 Vue.js 的 移動(dòng)端 UI 組件庫(kù),提供豐富的組件滿(mǎn)足移動(dòng)端(微信)頁(yè)面常用業(yè)務(wù)需求。
7：Vuetify
網(wǎng)站：https://vuetifyjs.com/en/
Github：https://github.com/vuetifyjs/vuetify
Github stars:27k
Vuetify確實(shí)是一款非常精致的UI框架，它提供了很多常用的組件，依靠Material Design的設(shè)計(jì)優(yōu)勢(shì)，讓你無(wú)需編寫(xiě)一行css代碼就可以得到非常美觀的界面功能。響應(yīng)式做的不錯(cuò)，移動(dòng)PC多端支持，配置靈活，組件也挺多的，足夠現(xiàn)代，功能全面vuetify，一直用一直爽，強(qiáng)烈推薦vuetify。
完
推薦閱讀：
?
?