vuetifyjs/vuetify

这是什么？

核心功能

• 01为 Vue 应用提供预构建的 Material Design 组件。
• 02支持通过 SASS/SCSS 变量、预设和 Blueprints 定制样式。
• 03组件默认响应式布局，最小设计宽度为 320px。
• 04内置主题系统，统一管理配色。
• 05配合 Vite 使用时自动 tree-shaking，减小打包体积。
• 06支持 42 种以上语言的国际化。

适用场景

• 使用 Vue 构建管理后台和企业内部应用。
• 搭建风格统一、适配多端的产品或营销网站。
• 在没有专门设计系统的情况下快速制作界面原型。
• 为现有 Vue 3 项目添加带主题和多语言支持的 UI 层。

快速上手

1. 1

   使用 npm 创建新项目

   npm create vuetify@latest
2. 2

   或使用 pnpm 创建新项目

   pnpm create vuetify
3. 3

   或使用 yarn 创建新项目

   yarn create vuetify

使用前须知

• !许可证元数据为 NOASSERTION，但 README 标明为 MIT 许可。
• !Vuetify 2 已停止维护（EOL），不再提供支持。

标签

常见问题

vuetify 是什么？

基于 Material Design 的 Vue 组件框架，提供响应式的精致 UI 组件，用于构建 Web 应用。 Vuetify 是一个面向 Vue 的 UI 组件库，提供大量遵循 Material Design 规范的预构建组件。它的目标是让开发者无需深厚的设计功底，也能搭建完整的应用界面，同时提供丰富的 API 以适应多种使用场景。

vuetify 可以免费使用吗？用的什么许可证？

vuetify 以 Other 许可证开源。用于商业产品前，请先确认许可证条款。

vuetify 还在维护吗？

活跃维护中。vuetify 最近一次提交是在 2026年10月20日。

vuetify 适合用来做什么？

使用 Vue 构建管理后台和企业内部应用。 搭建风格统一、适配多端的产品或营销网站。 在没有专门设计系统的情况下快速制作界面原型。 为现有 Vue 3 项目添加带主题和多语言支持的 UI 层。

vuetify 怎么安装和运行？

使用 npm 创建新项目: npm create vuetify@latest 或使用 pnpm 创建新项目: pnpm create vuetify 或使用 yarn 创建新项目: yarn create vuetify

在哪里获取 vuetify？

源代码和安装说明在 GitHub 上：https://github.com/vuetifyjs/vuetify