Vue DevUI

一个基于 DevUI Design 的 Vue3 组件库。

English | 简体中文

🌈 特性：

• 📦 包含 55 个简洁、易用、灵活的高质量组件
• 🔑 支持 TypeScript
• ⛰️ 支持 Nuxt3
• ⚡ 支持按需引入
• 🌍 支持国际化
• 🎨 支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 7 种漂亮的主题

🔧 如何使用

1. 安装

npm i vue-devui

2. 引入

在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');

3. 使用

在App.vue文件中使用 Vue DevUI 组件。

<template>
  <d-button>确定</d-button>
</template>

🖥️ 本地开发

git clone git@github.com: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):

Kagol 🚧 💻 📖	TinsFox 🚧 🚇	nif 💻	Zcating 🚧 💻	王凯 💻	iel 🚧 💻	chenxi24 💻	小九九 💻
AlanLee 💻	Echo 💻	GaoNeng 💻	行言 💻 🐛	devin 💻	无声 💻	sleep_fish 💻	迷心whylost 💻
X.Q. Chen 🚇 💻	葉家男孩 💻	lihai 💻	纳撸多 💻	ElsaOOo 🚧 🚇 💻	刘小迪 💻	unfound 💻	Roading 💻
Chestnut 💻	c0dedance 💻	杜庆愉 💻	linxiang 💻	掘墓忍者 💻	一个大胖子 💻 📖	Ikko Ashimine 📖	Bob 💻
populus 💻	tohalf 💻	Miliky 💻 ⚠️