# 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

DevUI Logo

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)):

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

💻 ⚠️

MICD

💻 🐛

mingBin

💻 🐛

陈剑术

💻

Merlin218

🐛

Johnny.Liu

🐛

Yangxfeng

🐛

jCodeLife

🐛

宋小日

🐛 💻

daviForevel

💻

lj1990111

💻

newer2333

💻

哈士奇-黄

💻


💻

Anthonio OuYang

💻

FlingYP

💻

xzxldl55

💻

79

💻

wailen

💻

jenson

💻

dbsdaicheng

⚠️

qinwencheng

💻

Angelanana

💻

joo1es

💻

handsomezyw

💻

Yoki

💻

luopei

💻

Mr.Cheng

💻

Bbbtt04

💻

Zz-ZzzZ

💻

buaalkn

💻

hxj9102

💻

Whbbit1999

💻

zhaoShijuan

💻

XiaoRIGE

💻

xiaogonggong-w

💻

hqchqc

💻

Lucky-Ya-Q

💻

xGuangsPBD

💻

cnvoid

💻

sakanaovo

💻
该项目遵循 [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)