Vue DevUI 又新添了11位新成员啦~🥳😋

avatar
前端组件库 @华为

月初我们在掘金同步了 Vue DevUI 的最新进展:Vue DevUI 已经有10个组件成员啦~🥳😋

很快就有超多掘金的小伙伴对 Vue DevUI 开源项目感兴趣:

  • 3天之内就有超过100+社区的小伙伴通过添加小助手微信(devui-official)联系到我们,并加入到我们的核心开发群,非常欢迎大家的加入~🎉🎉
  • 5天之内所有61个组件田都被认领完,共有40+小伙伴成为 Vue DevUI 组件库田主~👏👏
  • 第二天就有新的PR提交上来,10天之内大家就给 Vue DevUI 新添了11名新成员~🥳🥳

Vue DevUI 组件库目前的最新版本是v0.1.3

vue-devui@0.1.3

⚠️注意:该版本还不完善,不可用于生产环境。

特别感谢以下小伙伴的贡献🎉🥳:

新增组件

本次版本新增4类共11个组件。

通用

  1. Icon 图标 - @kagol
  2. Search 搜索框 - @lwl
  3. Status 状态 - @LiuSuY

反馈

  1. Loading 加载提示 - @对半
  2. Toast 全局通知 - @iel

数据录入

  1. DatePicker 日期选择器 - @mrundef
  2. Select 下拉选择框 - @lookforwhat

数据展示

  1. Card 卡片 - @Vergil
  2. Carousel 走马灯 - @Roading
  3. Progress 进度条 - @devin
  4. Rate 评分 - @~zZ.Lucky

优化

  1. 创建 DevUI CLI 解决组件目录结构一致性问题
  2. 使用 VitePress 重构网站呈现

在多人协同开发过程中,我们发现有以下两个问题:

  • 组件的目录结构不统一
  • 组件导出文件vue-devui.ts经常会冲突

发现这个问题之后,@iel同学主动提出进行优化,经过简单沟通之后,确定了通过创建DevUI CLI脚手架工具来解决以上两个问题,该工具可以:

  • 通过命令行步骤指引的方式快速创建新组件目录结构,完美解决第一个问题
  • 自动创建组件导出文件,并在predev阶段自动执行,这样大家就不用去修改这个文件,这样第二个问题也能得到解决

@iel 同学还专门写了一篇掘金文章记录这一过程,非常棒!欢迎大家给他点赞支持~🥳

我为 DevUI 开发的脚手架

@iel 同学这种主动优化的精神,我觉得非常难能可贵!

发现问题,并积极解决问题,这样才能让整个项目变得更好,真正做出精品!

参与开源项目,我觉得不仅仅是为我们的简历添加浓墨重彩的一笔,更是对我们自身的一种提升:

  • 让我们学会与别人一起协作,共同完成一件事情
  • 通过检视别人的代码,学习他人优秀的实践和经验
  • 培养持续迭代和优化的意识,培养追求精品的精神
  • 重新认识自我,自我封闭永远无法突破,而参与开源能让我们通过与他人的协作,认识全新的自我

以下是网站的效果图:

pc.png

mobile.png

贡献指南

目前 Vue DevUI 还在快速迭代和完善过程中,欢迎社区的小伙伴加入我们!

  • 认领组件或任务
  • fork仓库进行开发
  • 提交PR
  • 检视合入
  • 持续优化

以下是详细的贡献指南文档:

贡献指南

贡献者花名册

以下是该项目的源码:

gitee.com/devui/vue-d…

参与贡献可以加小助手微信:devui-official,拉你进Vue DevUI核心成员小组~😋😋

欢迎关注我们DevUI组件库,点亮我们的小星星🌟:

github.com/devcloudfe/…

也欢迎使用DevUI新发布的DevUI Admin系统,开箱即用,10分钟搭建一个美观大气的后台管理系统!

预告

DevUI Admin 2.0 版本也将在本月17号重磅发布,提供了一项神奇的黑科技,让我们拭目以待吧!