DevUI DesignUI组件库

Vue DevUI

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

简体中文

🌈 特性：

📦 包含 40 个简洁、易用、灵活的高质量组件
🔑 支持 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')

1
2
3
4
5
6
7
8

# 3. 使用

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

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

1
2
3

# 🖥️ 本地开发

git clone git@github.com:DevCloudFE/vue-devui.git
cd vue-devui
pnpm i
pnpm dev

1
2
3
4

打开浏览器访问：http://localhost:3000/ (opens new window)

# 🤝 参与贡献

欢迎你参与到 Vue DevUI 项目的建设中来！🎉

通过参与 Vue DevUI 项目，我们可以一起：

🔥 学习最新的 Vite+Vue3+TypeScript+JSX 技术
🎁 学习如何设计和开发组件
⭐ 磨练编程技能，学习优秀的编程实践
🎊 结识一群热爱学习、热爱开源的朋友

如果你不知道从哪儿开始，可以阅读我们的贡献指南 (opens new window)

# ✨ 贡献者

感谢以下 DevUI 的田主们 (emoji key (opens new window)):

_Kagol 🚧 💻 📖	_TinsFox 🚧 🚇	_nif 💻	_Zcating 🚧 💻	_王凯 💻	_iel 🚧 💻	_chenxi24 💻
_小九九 💻	_AlanLee 💻	_Echo 💻	_GaoNeng 💻	_行言 💻	_devin 💻	_无声 💻
_{sleep_fish} 💻	_{迷心whylost} 💻	_{X.Q. Chen} 🚇 💻	_葉家男孩 💻	_lihai 💻	_纳撸多 💻	_ElsaOOo 🚧 🚇 💻
_刘小迪 💻	_unfound 💻	_Roading 💻