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多个模块可供选择。

7个实用的 Vue.js 工具和库_第1张图片

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 ,用起来表示十分满意。

7个实用的 Vue.js 工具和库_第2张图片

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 集成。

7个实用的 Vue.js 工具和库_第3张图片

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 等。这主要归功于它的可扩展插件系统。这意味着社区可以构建和共享可复用的插件以满足常见需求。

7个实用的 Vue.js 工具和库_第4张图片

5:VuePress

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

Github stars:17.1k

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

7个实用的 Vue.js 工具和库_第5张图片

6:Vuex

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

Github stars:24.5k

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

7个实用的 Vue.js 工具和库_第6张图片

7:Vuetify

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

Github stars:27k

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

7个实用的 Vue.js 工具和库_第7张图片

推荐阅读:

 

太牛了,推荐一份从 0 开始刷 LeetCode 的心得记录

22 个让 React 开发更高效更有趣的工具

一文读懂 JS 装饰器,这是一个会打扮的装饰器

好用到叫出声!强烈推荐 10 款 Mac 软件!

JSON.stringify() 的 5 个秘密特性

 

你可能感兴趣的:(java,web,vue,javascript,github)