# vue-devui
**Repository Path**: since2020/vue-devui
## Basic Information
- **Project Name**: vue-devui
- **Description**: 一个基于 DevUI Design 设计体系的 Vue3 组件库,使用最新的 Vite + Vue3 + TypeScript + JSX 搭建,包含60多个简洁、易用、灵活的组件。
Github源码链接:https://github.com/DevCloudFE/vue-devui
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: dev
- **Homepage**: https://vue-devui.gitee.io
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 480
- **Created**: 2023-07-27
- **Last Updated**: 2023-07-27
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
Vue DevUI
一个基于 DevUI Design 的 Vue3 组件库。
[English](README.md) | 简体中文
🌈 特性:
- 📦 包含 55 个简洁、易用、灵活的高质量组件
- 🔑 支持 TypeScript
- ⛰️ 支持 Nuxt3
- ⚡ 支持按需引入
- 🌍 支持国际化
- 🎨 支持主题定制,并内置 追光 / 蜜糖 / 紫罗兰 等 7 种漂亮的主题
## 🔧 如何使用
### 1. 安装
```
npm i vue-devui
```
### 2. 引入
在`main.ts`文件中引入`vue-devui`。
```ts
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 组件。
```vue
确定
```
## 🖥️ 本地开发
```shell
git clone git@github.com:DevCloudFE/vue-devui.git
cd vue-devui
pnpm i
pnpm dev
```
打开浏览器访问:[http://localhost:3000/](http://localhost:3000/)
或者你也可以运行以下命令:
```sh
pnpm scripts
```
## 🤝 参与贡献
欢迎你参与到 Vue DevUI 项目的建设中来!🎉
通过参与 Vue DevUI 项目,我们可以一起:
- 🔥 学习最新的 `Vite`+`Vue3`+`TypeScript`+`JSX` 技术
- 🎁 学习如何设计和开发组件
- ⭐ 磨练编程技能,学习优秀的编程实践
- 🎊 结识一群热爱学习、热爱开源的朋友
如果你不知道从哪儿开始,可以阅读我们的[贡献指南](https://vue-devui.github.io/contributing/)
## ✨ 维护者
维护者是做出杰出贡献且在社区长期活跃的 DevUI 社区成员。
- [kagol](https://github.com/kagol)
- [xingyan95](https://github.com/xingyan95)
- [linxiang07](https://github.com/linxiang07)
- [Zcating](https://github.com/Zcating)
- [TinsFox](https://github.com/TinsFox)
- [JensonMiao](https://github.com/JensonMiao)
- [xiejay97](https://github.com/xiejay97)
- [daviForevel](https://github.com/daviForevel)
- [AlanLee97](https://github.com/AlanLee97)
- [SituC](https://github.com/SituC)
- [lj1990111](https://github.com/lj1990111)
- [newer2333](https://github.com/newer2333)
- [vaebe](https://github.com/vaebe)
- [ivestszheng](https://github.com/ivestszheng)
- [ElsaOOo](https://github.com/ElsaOOo)
- [asdlml6](https://github.com/asdlml6)
- [GaoNeng-wWw](https://github.com/GaoNeng-wWw)
- [chenxi24](https://github.com/chenxi24)
- [ErKeLost](https://github.com/ErKeLost)
- [brenner8023](https://github.com/brenner8023)
杰出贡献包括但不仅限于以下行为:
- 合并 10 个以上 PR
- 提出超过 10 条被 PR 作者认可的检视意见
- 提供建设性的优化意见并推动项目变得更好
## ✨ 贡献者
贡献者是在 DevUI 社区中合并了 1 个或多个 PR 的社区成员。
感谢以下 DevUI 的田主们 ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
该项目遵循 [all-contributors](https://github.com/all-contributors/all-contributors) 规范。欢迎任何形式的贡献!
## 合作项目
- [H5-Dooring - 让 H5 制作,更简单](http://h5.dooring.cn/)
- [灯塔 - 公益性质的反霸凌团队](https://www.light-tower.top/)
## 开源许可
[MIT](https://github.com/DevCloudFE/vue-devui/blob/dev/LICENSE)