基于全新 DevUI Design 设计体系的 Vue3 组件库，面向研发工具的开源前端解决方案。
| 文件 | 最后提交记录 | 最后更新时间 |
|---|
| build: 修改构建脚本，锁定pnpm版本 (#1937) | 1 年前 |
| refactor: 优化组件命名并修复lint问题 (#262) * build: 完善脚本支持在左侧导航显示主题定制的文档 * refactor(timeline): rename time-axis to timeline * fix: fix ls-lint/eslint/stylelint * style: fix stylelint errors * fix: fix tsconfig and jest error | 4 年前 |
| fix: 更新版本号 | 6 个月前 |
| docs: update .all-contributorsrc [skip ci] | 3 年前 |
| refactor: add editorconfig file (#239) * refactor(badge): 位置和偏移量参数重命名 * refactor: 添加editorconfig配置文件 * refactor: 文件结尾增加新行 | 4 年前 |
| docs: 补充代码检查脚本命令的文档 | 3 年前 |
| refactor(eslint): change eslint config (#1689) | 2 年前 |
| test(notification & table): 添加todo (#1138) * feat: add coverage folder to .gitignore * test(notification & table): 添加测试todo项 | 3 年前 |
| chore: refactor unit-test scripts | 3 年前 |
| docs: update README (#202) | 4 年前 |
| fix(Progress): 替换Progress组件部分样式为样式变量 (#334) * fix(Badge): 替换Badge组件部分样式为样式变量 * fix(Progress): 修改prettier规则，校正Progress组件代码格式 | 4 年前 |
| fix: 修复git钩子校验 (#20) * fix: 修复git钩子校验 * fix: 修复git钩子校验 | 4 年前 |
| chore: add Github Action Sync to Gitee (#48) * chore: add Github Action Sync to Gitee * chore: 增加同步触发的分支dev | 4 年前 |
| chore: add Github Action Sync to Gitee (#48) * chore: add Github Action Sync to Gitee * chore: 增加同步触发的分支dev | 4 年前 |
| docs: 补充添加commit签名的内容 | 3 年前 |
| fix: 将LICENSE和README.md文件移到根目录 | 4 年前 |
| fix: fix conflict | 3 年前 |
| fix: fix conflict | 3 年前 |
| build: 增加发布npm包的脚本 (#300) | 4 年前 |
| chore(env): 适配pnpm@9及Nodejs 20 (#1855) * fix(build): fix error in typescript ast parsing * fix(build): fix path error in recent pnpm * chore(package): use pnpm --filter instead of pnpm scripts * chore(pnpm): bump lock file to v9 * chore(deps): remove 3 deprecated dependencies | 2 年前 |
| fix: 更新pnpm-lock文件 | 8 个月前 |
| refactor: replace yarn with pnpm (#201) | 4 年前 |
| 优化组件功能 * feat(EditorMd): 新增emoji使用文档 * feat(Message): 支持传入自定义class * feat(Select): 支持自定义下拉框的样式名 * feat(CategorySearch): 控制已选择tag所对应下拉框的展开收起状态 * fix(Select): 下拉框宽度和输入框保持一致 * fix(EditorMd): 数据回显时内容超出最大长度做截断 * feat(Select): 支持设置输入框最大长度 | 2 年前 |
| chore: add .code-workspace file | 3 年前 |
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';
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):
该项目遵循 all-contributors 规范。欢迎任何形式的贡献！
合作项目
开源许可
MIT
基于全新 DevUI Design 设计体系的 Vue3 组件库，面向研发工具的开源前端解决方案。
定制我的领域
