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

vue-devui@0.1.3

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

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

• @对半
• @devin
• @iel
• @kagol
• @LiuSuY
• @lookforwhat
• @lwl
• @mrundef
• @Roading
• @Vergil
• @~zZ.Lucky（这是第二天就提了PR的小姐姐Lucky😘）

新增组件

本次版本新增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 同学这种主动优化的精神，我觉得非常难能可贵！

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

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

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

以下是网站的效果图：

贡献指南

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

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

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

贡献指南

贡献者花名册

以下是该项目的源码：

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号重磅发布，提供了一项神奇的黑科技，让我们拭目以待吧！