一个基于 DevUI Design 的 Vue3 组件库。
English | 简体中文
🌈 特性:
- 📦 包含 55 个简洁、易用、灵活的高质量组件
- 🔑 支持 TypeScript
- ⛰️ 支持 Nuxt3
- ⚡ 支持按需引入
- 🌍 支持国际化
- 🎨 支持主题定制,并内置 追光 / 蜜糖 / 紫罗兰 等 7 种漂亮的主题
npm i vue-devui
在main.ts
文件中引入vue-devui
。
import { createApp } from 'vue';
import App from './App.vue';
// 引入 Vue DevUI 组件库及样式
import DevUI from 'vue-devui';
import 'vue-devui/style.css';
createApp(App).use(DevUI).mount('#app');
在App.vue
文件中使用 Vue DevUI 组件。
<template>
<d-button>确定</d-button>
</template>
git clone [email protected]:DevCloudFE/vue-devui.git
cd vue-devui
pnpm i
pnpm dev
打开浏览器访问:http://localhost:3000/
或者你也可以运行以下命令:
pnpm scripts
欢迎你参与到 Vue DevUI 项目的建设中来!🎉
通过参与 Vue DevUI 项目,我们可以一起:
- 🔥 学习最新的
Vite
+Vue3
+TypeScript
+JSX
技术 - 🎁 学习如何设计和开发组件
- ⭐ 磨练编程技能,学习优秀的编程实践
- 🎊 结识一群热爱学习、热爱开源的朋友
如果你不知道从哪儿开始,可以阅读我们的贡献指南
维护者是做出杰出贡献且在社区长期活跃的 DevUI 社区成员。
- kagol
- xingyan95
- linxiang07
- Zcating
- TinsFox
- JensonMiao
- xiejay97
- daviForevel
- AlanLee97
- SituC
- lj1990111
- newer2333
- vaebe
- ivestszheng
- ElsaOOo
- asdlml6
- GaoNeng-wWw
- chenxi24
- ErKeLost
- brenner8023
杰出贡献包括但不仅限于以下行为:
- 合并 10 个以上 PR
- 提出超过 10 条被 PR 作者认可的检视意见
- 提供建设性的优化意见并推动项目变得更好
贡献者是在 DevUI 社区中合并了 1 个或多个 PR 的社区成员。
感谢以下 DevUI 的田主们 (emoji key):
该项目遵循 all-contributors 规范。欢迎任何形式的贡献!