Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

村长和kagol直播节目《我要做开源》产出的开源组件库教学项目

NotificationsYou must be signed in to change notification settings

57code/mini-vue-devui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

前言

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

朴素的请求

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

项目描述

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

快速开始

第一步:clone 源代码

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

第二步:安装依赖

全局安装yarnlerna

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文件

// 引入 MiniDevUIimport MiniDevUI from 'mini-vue-devui'createApp(App).use(MiniDevUI) // 使用 MiniDevUI.mount('#app')

历次直播

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

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

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

文档链接

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

组件库从0到1

致谢

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

kagol:github掘金

wailen:github掘金

iel:github掘金

About

村长和kagol直播节目《我要做开源》产出的开源组件库教学项目

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors2

  •  
  •  

Languages


[8]ページ先頭

©2009-2025 Movatter.jp