{"id":19750474,"url":"https://github.com/57code/mini-vue-devui","last_synced_at":"2025-08-23T12:34:22.910Z","repository":{"id":44930679,"uuid":"420286092","full_name":"57code/mini-vue-devui","owner":"57code","description":"村长和kagol直播节目《我要做开源》产出的开源组件库教学项目","archived":false,"fork":false,"pushed_at":"2022-01-18T01:40:27.000Z","size":851,"stargazers_count":59,"open_issues_count":1,"forks_count":24,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-08-05T07:46:37.949Z","etag":null,"topics":["devui","vue3"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/57code.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-10-23T01:34:11.000Z","updated_at":"2025-05-31T03:16:34.000Z","dependencies_parsed_at":"2022-08-27T23:20:37.606Z","dependency_job_id":null,"html_url":"https://github.com/57code/mini-vue-devui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/57code/mini-vue-devui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/57code%2Fmini-vue-devui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/57code%2Fmini-vue-devui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/57code%2Fmini-vue-devui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/57code%2Fmini-vue-devui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/57code","download_url":"https://codeload.github.com/57code/mini-vue-devui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/57code%2Fmini-vue-devui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271747023,"owners_count":24813604,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-23T02:00:09.327Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["devui","vue3"],"created_at":"2024-11-12T02:35:08.771Z","updated_at":"2025-08-23T12:34:22.889Z","avatar_url":"https://github.com/57code.png","language":"JavaScript","readme":"# mini-vue-devui\n\n愿景：让每一个前端都能做出属于自己的组件库。\n\n## 前言\n\n大家好，我是[村长](https://space.bilibili.com/480140591)，欢迎关注我的公众号「[村长学前端](https://gitee.com/57code/picgo/raw/master/%E6%89%AB%E7%A0%81_%E6%90%9C%E7%B4%A2%E8%81%94%E5%90%88%E4%BC%A0%E6%92%AD%E6%A0%B7%E5%BC%8F-%E6%A0%87%E5%87%86%E8%89%B2%E7%89%88.png)」一起学习。\n\n## 朴素的请求\n请给本项目和[Vue DevUI](https://gitee.com/devui/vue-devui)点个star鼓励一下村长和kagol吧！\n\n\n## 项目描述\n\n此项目是华为开源组件库[Vue DevUI](https://gitee.com/devui/vue-devui)的mini版，是我和[DevUI](https://devui.design/)项目负责人[Kagol](https://github.com/kagol)老师一起做的B站直播节目【[我要做开源](https://space.bilibili.com/480140591/channel/seriesdetail?sid=411659)】中产出的学习项目，所以它不能用于实际项目开发。它的主要作用是带大家学习做开源的方法和如何建设一个组件库。这是一个长期的过程：我们要搭建项目基础架构，解决开发过程中遇到的各种各样的问题，设计和实现一些典型的组件。所以你完全可以把自己掌握学到的知识提交上来，一起完善这个项目。\n\n## 快速开始\n\n### 第一步：clone 源代码\n```\ngit clone https://github.com/57code/mini-vue-devui.git\n```\n\n### 第二步：安装依赖\n\n全局安装`yarn`和`lerna`\n```\nnpm i -g yarn lerna\n```\n\n安装项目依赖\n```\nyarn\n```\n\n### 第三步：本地启动\n```\nlerna exec --scope mini-vue-devui yarn dev\n```\n\n## 使用 mini-vue-devui\n\n### 第一步：创建一个`vite`+`vue3`的工程\n```\nyarn create vite vite-project --template vue\n```\n\n### 第二步：安装 mini-vue-devui\n```\nyarn add mini-vue-devui\n```\n\n### 第三步：使用 mini-vue-devui\n\n修改`src/main.ts`文件\n```\n// 引入 MiniDevUI\nimport MiniDevUI from 'mini-vue-devui'\n\ncreateApp(App)\n.use(MiniDevUI) // 使用 MiniDevUI\n.mount('#app')\n```\n\n## 历次直播\n\n为了让大家更方便的观看学习，我给大家准备了该系列视频列表：\n\n[【我要做开源】Vue DevUI开源指南](https://space.bilibili.com/480140591/channel/seriesdetail?sid=411659)\n\n欢迎小伙们快乐学习的同时动动小手，三连一波鼓励一下村长吧！\n\n\n## 文档链接\n\n下面是Kagol在掘金发布的直播相关文档，大家学习之余，多多点赞鼓励他吧！\n\n[组件库从0到1](https://juejin.cn/column/6961051124031815687)\n\n## 致谢\n\n[DevUI](https://devui.design/)团队的很多小伙伴都加入到我们直播分享中来，他们不仅亲自编写文档，还上场给大家做干货分享，真心感谢你们，下面是参加分享的小伙伴列表：\n\nkagol：[github](https://github.com/kagol)、[掘金](https://juejin.cn/user/712139267650141)\n\nwailen：[github](https://github.com/SituC)、[掘金](https://juejin.cn/user/2928754707411629)\n\niel：[github](https://github.com/RootWater)、[掘金](https://juejin.cn/user/1538972011203662)\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F57code%2Fmini-vue-devui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F57code%2Fmini-vue-devui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F57code%2Fmini-vue-devui/lists"}