🖥️ 文档
要查看文档,请访问 vuetifyjs.com。
⚡ 快速开始
开始使用 Vuetify 非常简单。要创建新项目,请选择你的包管理器并运行以下命令之一:
使用 pnpm
pnpm create vuetify
使用 yarn
yarn create vuetify
使用 npm
npm create vuetify@latest
使用 bun
bun create vuetify
有关如何入门的更多信息,例如使用 Nuxt 或 Laravel,请参阅官方安装指南。
💖 支持 Vuetify
Vuetify 是一个采用 MIT 许可证 的项目,由核心团队 开发和维护。赞助 Vuetify,同时获得一些超棒的福利并支持开源软件!🎉
GitHub Sponsors 和 OpenCollective 有什么区别?
通过 GitHub Sponsors 捐赠的资金直接支持 John Leider 以及 Vuetify 的持续开发和维护。通过 Open Collective 捐赠的资金将以透明的支出方式管理,并用于补偿核心团队成员的工作和费用。在任一平台捐赠,您的姓名/标志将获得适当的认可和曝光。
特别赞助商
|
|
钻石赞助商
|
|
|
白金赞助商
|
|
🚀 简介
Vuetify 是一个无需设计技能的 UI 库,拥有精美手工打造的 Vue 组件。无需设计技能——创建出色应用所需的一切尽在指尖。Vuetify 拥有庞大的 API,支持任何使用场景。部分亮点包括:
- 可定制性: 提供广泛的定制选项,包括 SASS/SCSS 和 默认配置 以及 蓝图
- 响应式布局: Vuetify 组件的默认配置是响应式的,允许您的应用适应不同的屏幕尺寸。
- 主题系统: 强大的颜色系统,使您能够使用一致的颜色调色板轻松地为应用设置样式。
- Vite 支持: 通过自动 tree-shaking 实现更小的包体积
- 为 主要版本 提供至少 6 个月 的长期支持
- 国际化: 支持 42 种以上语言
浏览器支持
Vuetify 支持所有现代浏览器,包括 Safari 13+(使用 polyfills)。组件设计的最小宽度为 320px。
🌎 Vuetify 生态系统
资源
| 名称 | 描述 |
|---|---|
| 🕶️ Vuetify Awesome | 使用 Vuetify 构建的精彩项目。 |
| 🗑️ Vuetify Bin | 用于保存代码片段的粘贴板。 |
| 🫧 Vuetify Create | 用于创建新 Vuetify 项目的脚手架工具。 |
| 💭 Vuetify Discord | 我们庞大且包容的 Discord 服务器,您可以在其中提问、分享反馈,并与其他 Vuetify 开发者建立联系。 |
| 🧹 Vuetify ESLint | 一个针对样式的 [ESLint 配置](https://github.com/vuetifyjs/eslint-config-vuetify) 和一个用于升级 Vuetify 版本的 [ESLint 插件](https://github.com/vuetifyjs/eslint-plugin-vuetify)。 |
| 🐛 Vuetify Issues | 一个用于报告 Vuetify、文档或我们其他软件包中错误和问题的 Web 应用程序。 |
| 📦 Vuetify Loader | 一个用于自动加载 Vuetify 组件和配置样式的编译器插件 monorepo。 |
| 🧠 Vuetify MCP | 一个用于使用 Vuetify 和 Agents 进行开发的 Model Context Protocol 服务器。 |
| 🎮 Vuetify Playground | 一个使用 vuejs/repl 构建的 Vuetify 3 游乐场,您可以在其中试用我们的组件。 |
| ✂️ Vuetify Snips | 用于 Vuetify 组件的预构建代码片段,您可以在项目中使用 |
| 🛒 Vuetify Store | 官方 Vuetify Store,您可以在此下载免费数字产品、购买预制主题等。 |
🙋♂️ 问题
对于帮助和支持类问题,请使用我们的 Discord 社区。本仓库的 issue 列表仅用于 bug 报告和功能请求。
🐛 问题
使用我们的 Issue 生成器 来报告 bug 和请求新功能。
在提交 issue 之前,请务必阅读 重要信息。不符合指南的 issue 可能会被立即关闭。
2️⃣ Vuetify 2 支持 Vuetify 2 现已停止维护(EOL),不再提供支持,即使是安全漏洞。该版本的商业支持可从我们的合作伙伴 HeroDevs 获得。
📝 更新日志
每个版本的详细更改记录在 发布说明 中。
💁♂️ 贡献
请勿在 issue 中提出一般性问题。Issue 仅用于报告 bug、建议 改进或请求新功能。对于一般性问题和讨论,请在 社区聊天 中提问。
为了帮助您熟悉我们的贡献流程,我们有一个 good first issues 列表,其中包含范围相对有限的 bug。这是一个很好的起点。如果您有任何问题,请加入我们的 社区聊天。
我们还有一个 help wanted 问题列表,您可能需要查看。
📑 许可证
Vuetify 在 MIT 软件许可证下提供。
Copyright (c) 2016-present Vuetify, LLC
感谢所有做出贡献的人,才有了这个项目 😍!