7个实用的 Vue.js 工具和库

本文总结了一些最值得关注的工具和库，相信你迟早会用在自己的 Vue.js 项目中。同类文章经常只会列举一些 UI 组件库，而本文涉及的范围更广，探讨了 Vue 生态系统中的一系列工具、库和插件。

我的选择是基于实用性、有效性和独特性等原则——而不是它们的 GitHub 受欢迎程度或星级评分。

1: Nuxt.js

Github stars: 28.9k

网站：https://nuxtjs.org/ Github：https://github.com/nuxt/nuxt.js

Nuxt 是一个简单而直接的框架，用于构建通用程序，例如：服务器端渲染的应用，单页应用，渐进式 Web 应用，或只是把它用作静态站点生成器。它也是模块化的，所以你只需使用程序所需的那些模块即可。Nuxt 使你不必纠结于构建和优化程序的工作。Nuxt.js 具有模块化架构，有50多个模块可供选择。

2：Quasar

网站：https://quasar.dev/ Github：https://github.com/quasarframework/quasar

Github stars: 15.8k

Quasar-Framework 是一款基于vue.js开发的开源的前端框架, 只写一次代码的情况下发布到多个平台 website, PWA ,Mobile App 和 Electron App ，用起来表示十分满意。

3：Bootstrap Vue

网站：https://bootstrap-vue.org/ Github: https://github.com/bootstrap-vue/bootstrap-vue Demo: https://bootstrap-vue.org/play

Github stars: 12k

Bootstrap Vue 是基于 Bootstrap 库的 UI 套件。它只是用 Vue 代码替换了常规的  Bootstrap 组件中的JavaScript。借助 Bootstrap Vue，你可以使用 Vue.js 和世界上最受欢迎的前端 CSS 库——Bootstrap v4 在 Web 上构建响应式、移动优先和 ARIA 可访问的项目。它还可以轻松地与 Nuxt.js 集成。

4、Vue CLI

网站：https://cli.vuejs.org/zh/ Github：https://github.com/vuejs/vue-cli

Github stars: 26k

Vue CLI 直接支持各种主流 Web 开发工具和技术，如 Babel、TypeScript、ESLint、PostCSS、PWA、Jest、Mocha、Cypress 和 Nightwatch 等。这主要归功于它的可扩展插件系统。这意味着社区可以构建和共享可复用的插件以满足常见需求。

5：VuePress

网站：https://www.vuepress.cn/ Github：https://github.com/vuejs/vuepress

Github stars:17.1k

VuePress 是 Vue 生态系统中的另一大重头戏。它是一个基于 Vue 的静态站点生成器，最初是用来编写技术文档的工具，现在则发展成为一个小巧、紧凑、功能强大的无头 CMS。从版本 1.x 开始，它提供了出色的博客功能和强大的插件系统。它有一个默认主题（适用于技术文档），但你也可以构建自定义主题或使用社区中的预制主题。

6：Vuex

网站：https://vuex.vuejs.org/ Github：https://github.com/vuejs/vuex

Github stars:24.5k

VUX 是基于 WeUI 和 Vue.js 的 移动端 UI 组件库,提供丰富的组件满足移动端(微信)页面常用业务需求。

7：Vuetify

网站：https://vuetifyjs.com/en/ Github：https://github.com/vuetifyjs/vuetify

Github stars:27k

Vuetify确实是一款非常精致的UI框架，它提供了很多常用的组件，依靠Material Design的设计优势，让你无需编写一行css代码就可以得到非常美观的界面功能。响应式做的不错，移动PC多端支持，配置灵活，组件也挺多的，足够现代，功能全面vuetify，一直用一直爽，强烈推荐vuetify。