一个基于 DevUI Design 的 Vue3 组件库。
English | 简体中文
🌈 特性:
- 📦 包含 40 个简洁、易用、灵活的高质量组件
- 🔑 支持 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/
欢迎你参与到 Vue DevUI 项目的建设中来!🎉
通过参与 Vue DevUI 项目,我们可以一起:
- 🔥 学习最新的
Vite
+Vue3
+TypeScript
+JSX
技术 - 🎁 学习如何设计和开发组件
- ⭐ 磨练编程技能,学习优秀的编程实践
- 🎊 结识一群热爱学习、热爱开源的朋友
如果你不知道从哪儿开始,可以阅读我们的贡献指南
感谢以下 DevUI 的田主们 (emoji key):
Kagol 🚧 💻 📖 |
TinsFox 🚧 🚇 |
nif 💻 |
Zcating 🚧 💻 |
王凯 💻 |
iel 🚧 💻 |
chenxi24 💻 |
小九九 💻 |
AlanLee 💻 |
Echo 💻 |
GaoNeng 💻 |
行言 💻 |
devin 💻 |
无声 💻 |
sleep_fish 💻 |
迷心whylost 💻 |
X.Q. Chen 🚇 💻 |
葉家男孩 💻 |
lihai 💻 |
纳撸多 💻 |
ElsaOOo 🚧 🚇 💻 |
刘小迪 💻 |
unfound 💻 |
Roading 💻 |
该项目遵循 all-contributors 规范。欢迎任何形式的贡献!