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 [email protected]: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):

该项目遵循 all-contributors 规范。欢迎任何形式的贡献！

合作项目

• H5-Dooring - 让 H5 制作，更简单
• 灯塔 - 公益性质的反霸凌团队

开源许可

MIT