README.zh-CN.md

Vue DevUI

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

English | 简体中文

🌈 特性：

• 📦 包含 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')

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/

🤝 参与贡献

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

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

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

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

✨ 贡献者

感谢以下 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 💻

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

合作项目

• H5-Dooring - 让H5制作，更简单

开源许可

MIT