Git Product home page Git Product logo

mini-vue-devui's Introduction

mini-vue-devui

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

前言

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

朴素的请求

请给本项目和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文件

// 引入 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掘金

mini-vue-devui's People

Contributors

57code avatar kagol avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.