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

发表于 3年以前 | 总阅读数：989 次

大家好，我是为前端娱乐圈操碎了心的小迷妹，正宗前端开发一枚，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。

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。