README.md

mini-vue-devui

愿景：让每一个前端都能做出属于自己的组件库。

前言

大家好，我是村长，欢迎关注我的公众号「村长学前端」一起学习。

朴素的请求

请给本项目和Vue DevUI点个star鼓励一下村长和kagol吧！

项目描述

此项目是华为开源组件库Vue DevUI的mini版，是我和DevUI项目负责人Kagol老师一起做的B站直播节目【我要做开源】中产出的学习项目，所以它不能用于实际项目开发。它的主要作用是带大家学习做开源的方法和如何建设一个组件库。这是一个长期的过程：我们要搭建项目基础架构，解决开发过程中遇到的各种各样的问题，设计和实现一些典型的组件。所以你完全可以把自己掌握学到的知识提交上来，一起完善这个项目。

快速开始

第一步：clone 源代码

git clone https://github.com/57code/mini-vue-devui.git

第二步：安装依赖

全局安装yarn和lerna

npm i -g yarn lerna

安装项目依赖

yarn

第三步：本地启动

lerna exec --scope mini-vue-devui yarn dev

使用 mini-vue-devui

第一步：创建一个vite+vue3的工程

yarn create vite vite-project --template vue

第二步：安装 mini-vue-devui

yarn add mini-vue-devui

第三步：使用 mini-vue-devui

修改src/main.ts文件

// 引入 MiniDevUI
import MiniDevUI from 'mini-vue-devui'

createApp(App)
.use(MiniDevUI) // 使用 MiniDevUI
.mount('#app')

历次直播

为了让大家更方便的观看学习，我给大家准备了该系列视频列表：

【我要做开源】Vue DevUI开源指南

欢迎小伙们快乐学习的同时动动小手，三连一波鼓励一下村长吧！

文档链接

下面是Kagol在掘金发布的直播相关文档，大家学习之余，多多点赞鼓励他吧！

组件库从0到1

致谢

DevUI团队的很多小伙伴都加入到我们直播分享中来，他们不仅亲自编写文档，还上场给大家做干货分享，真心感谢你们，下面是参加分享的小伙伴列表：

kagol：github、掘金

wailen：github、掘金

iel：github、掘金