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

本文介绍了7个实用的 Vue.js 工具和库,包括 Nuxt.js(用于构建SSR和SPA)、Quasar Framework(跨平台开发)、Bootstrap Vue(基于Bootstrap的UI组件)、Vue CLI(全方位的开发工具)、VuePress(静态站点生成器)、Vuex(状态管理)和Vuetify(Material Design风格的UI框架)。这些工具和库为Vue.js开发提供了强大的支持和便利。
摘要由CSDN通过智能技术生成

1: Nuxt.js

网站: https://nuxtjs.org/
Github: https://github.com/nuxt/nuxt.js
Github stars: 28.9k

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。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值