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')
历次直播
为了让大家更方便的观看学习,我给大家准备了该系列视频列表:
欢迎小伙们快乐学习的同时动动小手,三连一波鼓励一下村长吧!
文档链接
下面是Kagol在掘金发布的直播相关文档,大家学习之余,多多点赞鼓励他吧!
致谢
DevUI团队的很多小伙伴都加入到我们直播分享中来,他们不仅亲自编写文档,还上场给大家做干货分享,真心感谢你们,下面是参加分享的小伙伴列表: