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 社区成员。

杰出贡献包括但不仅限于以下行为：

合并 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 💻 ⚠️	_MICD 💻 🐛	_mingBin 💻 🐛	_陈剑术 💻	_Merlin218 🐛	_Johnny.Liu 🐛
_Yangxfeng 🐛	_jCodeLife 🐛	_宋小日 🐛	_daviForevel 💻	_lj1990111 💻	_newer2333 💻	_{哈士奇-黄} 💻	_寻 💻
_{Anthonio OuYang} 💻	_FlingYP 💻	_xzxldl55 💻	₇₉ 💻	_wailen 💻	_jenson 💻	_dbsdaicheng ⚠️	_qinwencheng 💻
_Angelanana 💻	_joo1es 💻	_handsomezyw 💻	_Yoki 💻	_luopei 💻	_Mr.Cheng 💻	_Bbbtt04 💻	_Zz-ZzzZ 💻
_buaalkn 💻	_hxj9102 💻	_Whbbit1999 💻	_zhaoShijuan 💻	_XiaoRIGE 💻