1

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

 3 years ago
source link: https://segmentfault.com/a/1190000040518620
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

月初我们在掘金同步了 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

[email protected]

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

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

本次版本新增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仓库进行开发

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

贡献指南

贡献者花名册

以下是该项目的源码:

https://gitee.com/devui/vue-devui

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

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

https://github.com/devcloudfe/ng-devui

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

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK