以下是 DevUI 开源的故事，这个故事可能会很短，因为 DevUI 品牌从初创到当初也只有 5 年，开源的工夫只有短短 2 年，但DevUI 与社区开发者的故事却无时无刻不在产生，因而咱们急于把它记录下来。

DevUI 团队从 2019 年 6 月开始做开源，过后想法很纯正：

DevUI 在华为云外部服务于大量商用 & 外部业务，为何不将它开源到社区，让更多业务 & 用户也能享受到 DevUI 优良的实际呢？

对于 DevUI 的前世今生以及开源的历程，能够参考之前的文章：

🏆 DevUI × 掘金 | 技术人的 2020

对 DevUI 组件库王哥的专访

以下是DevUI 5 年的倒退工夫线：

开源信心

从整个倒退历程也能够看出，DevUI 团队对做开源的微小信心！

起步

2019 年 6 月在 Github 开源之后，Ng DevUI 在半年之内都没有太大的动静，尽管咱们每个月都从不进行公布新版本，然而关注咱们的开发者始终不多，star 数也半年之内始终没有冲破 100，其中有很大一部分还是 DevUI 团队成员本人点的。

不过咱们并没有灰心和放弃，因为

咱们晓得没有什么有价值的事件是能够轻易做胜利的，咱们也晓得轻易放弃意味着真正的失败。

所以

咱们也在一直地思考怎么做开源，毕竟咱们也是刚开始做开源，没有教训，简直是摸着石头过河。

掘金

2020 年 3 月，咱们开始尝试性地在掘金经营 DevUI 团队 的技术专栏，咱们不心愿通过打广告以及其余任何功利性的形式经营 DevUI，这不是咱们开源的初衷，咱们心愿能触达开发者，让他们被动意识、理解进而应用、相熟 DevUI。

所以掘金经营的初期，咱们从不发软文，全部都是技术干货，这些文章是 DevUI 团队所有成员个体的智慧结晶和工作教训，和社区大佬相比，不肯定是最好的文章，但

都是大家付出工夫用心写的，所以也缓缓取得了社区小伙伴们的认可。

2020 年一年工夫内，一共写了 39 篇 文章，其中有 6 篇是社区的小伙伴 Zcating 同学奉献的，Zcating是咱们 DevUI 开源组织的晚期支持者和贡献者，入群工夫比咱们很多 DevUI 团队成员还早，他

• 不仅给咱们投稿过技术文章
• 在 Ng DevUI 我的项目中沉闷
• 而且在 Vue DevUI 成立初期提供了第一个组件
• 当初也是 Button/Modal/Dropdown/Table 等多个组件的田主，也是咱们 DevUI 开源组织的PMC 成员。

2020 年能够说是 DevUI 开源的元年，正是在这一年，DevUI 开始在社区有肯定的曝光度，star 数也冲破了500，掘金专栏的关注者也超过了1000。

反思

不过咱们的下载量仍然惨不忍睹，只有区区的每周 100 多，咱们也在一直思考、反思和尝试

为什么那么少人用 DevUI 呢？

国内 Angular 社区的确不如 Vue、React 火，但也不至于这么少，国内 Angular 组件库的确比比皆是，略微做得比拟好的就只有 Ng Zorro，这是 Ant Design 的 Angular 版本，Ng Zorro 每周的下载量超过 40000，这阐明国内还是有 Angular 用户的。

咱们其实并不想与他人竞争，包含 Ng Zorro，咱们始终都是单干关系，他们建的 Angular 中文站点中也挂上了咱们 DevUI 的链接。

咱们只是想

丰盛 Angular 的生态，让国内的 Angualr 用户除了 Zorro，会有一个其余的抉择。

而且咱们的定位和 Zorro 也不齐全一样，咱们是

面向 ToB 企业 的工具类产品 的，这是咱们的基因，也是咱们的劣势。

保持

至今咱们仍然没有想明确为什么用 DevUI 的人那么少，不过这不影响咱们做开源的信心！

或者

开源是一条漫长的路线，不保持个三年五年，就不要埋怨开源难做，咱们也会始终保持做上来的。

也欢送

• 应用过 DevUI 的开发者给予咱们更多的输出和反馈，这样咱们也能晓得本人哪里没做好，进而不断改进
• 同样欢送社区的开发者一起参加到 DevUI 的开源建设中来，一起搭建一个高质量组件库，并欠缺组件库的生态
• 咱们也会始终保持凋谢的心态，承受社区的意见和反馈，一直思考和反思，如何将 DevUI 的体验、品质做好

尝试

2021 年，在 Ng DevUI 和 Ng DevUI Admin 之外，咱们做出了三个重要的尝试：Vue DevUI、 B 站直播 、 成立 PMC。

Vue DevUI

DevUI 拓展 vue 生态并不是拍脑袋的，而是通过慎重考虑的：

• 2021 年开始 vue3/vite 开始全面暴发，基于 vue3/vite 的生态在以极快的速度扩充
• DevUI 官网交换群 里一直有小伙伴反馈：什么时候出 vue 版本？
• DevUI Design 是一套从华为云泛滥理论业务中孵化进去的设计体系，Ng DevUI 只是这套设计体系在 Angular 框架上的实现，扩大其余框架的实现也是 DevUI 的长远规划，包含 Vue 框架。
• 基于以上思考，咱们感觉：大略是时候了

于是在 2021 年 5 月正式开始通过社区开源的形式孵化 Vue DevUI，具体的状况能够参考咱们之前的文章：

让咱们一起建设 Vue DevUI 我的项目吧！🥳

Vue DevUI 曾经有 10 个组件成员啦～🥳😋

以下是 Vue DevUI 的仓库数据趋势图：

从趋势图也能够看出

Vue DevUI组件库的倒退是十分迅速的，仅仅半年工夫，诞生了 60 位contributor，开发了53 个 组件，超 200 个PR、1000 次 提交。

以下是 Vue DevUI 的贡献者列表

感激每一位 DevUI 的贡献者！

B 站

在掘金社区混了一年多之后，咱们不仅让社区开发者意识和理解了 DevUI，还意识了十分多优良的开发者，其中杨村长就是其中一个。

村长老师是一位 Vue 专家，并且有着十分丰盛的教学教训，声音好听很有亲和力。

因为偶尔的机会理解到村长在 B 站做直播，和村长的结识能够参考之前的文章：

跟村长老师做【Vue DevUI 开源指南】直播一个月的感触

跟村长老师的单干十分欢快，间隔第一次和村长的直播已近 2 个月，一共直播了 7 次，每一次都是抱着期待的情绪直播的：

• 期待见到风趣有趣、和颜悦色的村长老师
• 期待与参加村长直播间的小伙伴一起实现一次技术之旅，看着大家每一条激情的弹幕，不论是欢送的、发问的、探讨的，都十分和煦
• 期待看到小伙伴们因为观看我和村长的直播感触到的高兴和成长
• 期待再下一次的直播

每次和村长一起直播，我都感觉好久没直播了，尽管只过了短短的一个星期。

因为也有小伙伴们感觉直播的内容太简略了，我和村长也心愿能提供一些更高质量的干货内容，所以直播的频率由一周改成了两周，不论一周一次还是两周一次，咱们都会：

认真筹备和看待每一次直播，争取让观看直播的小伙伴们能真正有所播种，不负这一个小时的守候。

PMC

在做 Vue DevUI 开源我的项目的过程中，咱们感触到了社区开发者对于做开源的微小激情，8 月 3 日向社区同步 Vue DevUI 的停顿之后，

• 3 天之内 就有超过 100+ 社区的小伙伴通过增加小助手微信（devui-official）分割到咱们，并退出到咱们的外围开发群
• 5 天之内 所有 61 个组件田都被认领完，共有 40+ 小伙伴成为 Vue DevUI 组件库田主
• 第二天就有新的 PR 提交上来
• 10 天之内 大家就给 Vue DevUI 新添了 11 名新成员

不过咱们也发现一些问题：

• 有些小伙伴一开始对开源抱有一颗炽热的心，想踊跃投身到开源中来，认领了组件之后却始终未有实际行动，另一方面，有一些蠢蠢欲动想参加进来的小伙伴又没有组件田能够认领，这会导致开源我的项目的停顿受到影响
• 新退出的小伙伴问的最多的问题就是怎么参加奉献，怎么提问题，怎么开始着手奉献，尽管咱们写了一些 Wiki 能够局部解决这个问题，不过这始终只是解决特定问题的长期方法，呈现一个问题解决一个，没有节奏和章法，这对开源我的项目和贡献者都是很大的挫伤
• 在参加奉献的小伙伴中，咱们也发现有一些十分踊跃、沉闷、富有经验、能力又强、又有强烈的参加开源的志愿，这部分贡献者本应该做出更大的奉献和成就，甚至主导开源我的项目的治理、久远路标布局、新我的项目的孵化等全局性的事务，如果能辨认进去，对开源我的项目和贡献者都是一种双赢的场面
• 还有一些小伙伴心愿通过参加开源我的项目为本人的简历和职业生涯增彩，咱们怎么能帮忙他们实现本人的指标

咱们也在一直思考怎么相似的问题

咱们心愿所有参加 DevUI 开源生态建设的贡献者们都能播种本人想要的，因而咱们参考了业界开源的做法，联合 DevUI 本身的特点，决定成立DevUI 开源 PMC

PMC是项目管理委员会的缩写，个别是为了

促成整个社区长期和衰弱的倒退，并确保取得肯定的均衡，以及取得同行们的好评，并可能让合作进行上来

通过外部认真的探讨和碰撞，咱们于 2021 年 11 月 3 日正式成立DevUI PMC，并从 DevUI 开源生态的所有贡献者当中精挑细选了 5 名贡献者为 PMC 成员，他们别离是：

Zcating

• Zcating：Zcating同学咱们在掘金介绍过屡次，他领有十分丰盛的开发教训，也是 DevUI 开源的晚期贡献者（早到比很多 DevUI 团队成员还早），并且早在 1 年前就给 DevUI 团队掘金专栏投稿过 6 篇 RxJS 原理剖析的干货文章，Vue DevUI刚开始孵化的时候，Zcating 同学也十分踊跃，不仅积极参与，而且很快就开发了 Vue DevUI 第一个组件：Button，前面也始终放弃十分高的活跃度，踊跃检视代码、提出并解决问题，并且当初也是 DevUI 复杂度 TOP1 的 Table 组件的田主，同时他还是 Dropdown、Modal、Overlay 等多个组件的田主，他不仅精通 Angular 框架，对 RxJs 响应式编程有原理层面的了解，而且相熟 React、Vue 等多个框架，领有全栈和架构的能力。

这是 Zcating 同学的集体公众号：zcx 的工作室

欢送大家关注！

iel

iel 同学是 DevUI CLI 的开创者，从 0 到 1 设计和实现了当初 Vue DevUI 我的项目中的 devui-cli，实现了创立组件模板、生成组件库入口文件 &sidebar 左侧组件导航的自动化，大大晋升了组件开发的效率和标准一致性，同时iel 还是 Toast 组件的田主，早在 8 月 9 日就实现了 Toast 组件的全副性能，自从 iel 参加 DevUI 开源以来，始终放弃十分踊跃、沉闷的状态。iel同学也是第一个总结 DevUI 开源教训文章的，目前也在积极参与 DevUI 与村长在 B 站的直播，尽管 iel 同学教训尚浅，然而年轻有为、对技术充满热情。

以下是 iel 同学的掘金专栏：

https://juejin.cn/user/1538972011203662

欢送大家关注！

Lucky

Lucky 同学看名字就是能给他人带来好运的人，8 月 3 日咱们在掘金同步了 Vue DevUI 最新的停顿，8 月 4 日，Lucky同学就提交了 Rate 组件的 PR，这效率太让人印象粗浅了。之后，Lucky 同学在 Vue DevUI 我的项目中始终十分沉闷，提交了超过 20 个 PR，是所有人中提交 PR 数量最多的，而且 Lucky 也十分踊跃地参加代码检视，也是参加代码检视最频繁的。除了踊跃、沉闷之外，Lucky 同学还是 Upload 组件，这也是 DevUI 中非常复杂的组件，另外，Lucky 同学还被动辨认到文档中不足 BackTop 性能并疾速落地，无效晋升了文档的体验。

XieJay

XieJay 同学是 Ng DevUI 组件库的踊跃贡献者，也是 Ng DevUI 中提交 PR 次数最多的贡献者，同时他也是 Ng DevUI 组件库的理论使用者，给咱们反馈了 Ng DevUI 组件库的很多问题，让咱们对开发者的机会需要有更多的洞察和理解，进而一直优化 Ng DevUI 组件库。

以下是 XieJay 同学的博客地址：

https://blog.csdn.net/xiejay97

欢送大家关注！

duqingyu

duqingyu 同学是惟一的两位同时给 Ng DevUI 和 Vue DevUI 提交过 PR 的同学（还有一位是 flxy 同学），并且 duqingyu 同学还是 Vue DevUI 组件库 Badge 和ImagePreview两个组件的田主。

以下是 duqingyu 同学的集体博客：

https://www.duqingyu.top

欢送大家关注！

成立 PMC 之后，PMC 全体成员于 2021 年 11 月 7 日上午召开了第一次 PMC 会议，那天正好是立冬，加上外部 Ng DevUI、Ng DevUI Admin、Vue DevUI 负责人一共有 14 人参会。会议从早上 9 点开到 11 点：

1. 先是跟大家介绍了 DevUI 的整个体系和设计价值观
2. 而后具体探讨了 PMC 运作的策略和标准
3. 接着宽泛探讨了 DevUI 将来开源生态建设的长远规划

大家相聚甚欢、探讨热烈，独特畅想了 DevUI 开源生态将来的蓝图，充斥了有限的可能和遥想！

最初也将探讨的论断整顿人工作卡的模式，先有 PMC 成员进行认领和细化，后续也会逐渐凋谢进去，让社区开发者也有机会参加到 DevUI 开源生态的建设中来（大家再也不必蹲组件田啦😋）。

也欢送有志愿、有想法、有能力的小伙伴退出到咱们的 PMC 和Committer队伍中来，咱们干他一票大的！

目前 DevUI 开源组织一共有 5 名 PMC 成员、10 名Committer、60+ 名Contributor。

以下是 DevUI 的 Committer 列表：

1. Zcating
2. iel
3. Lucky
4. XieJay
5. duqingyu
6. brenner8023
7. Marvin
8. micd
9. flxy1028
10. to0simple

Contributor是理论给 DevUI 提交过 PR 的开发者，比方开发新组件 & 新个性、修复缺点、欠缺文档 & 单测等。

Committer是从 Contributor 筛选最踊跃、沉闷、优秀者，Committer除了提交 PR 参加理论的代码 & 文档奉献，还会参加代码检视、技术计划探讨、提倡议、制订标准和流程等事务。

PMC是项目管理委员会的缩写，是从 Committer 中抉择最卓越的，负责 DevUI 开源生态整体的路标布局、架构设计、新开源我的项目孵化、Committer提拔等全局性的事务。

故事

DevUI 在做开源的过程中，深刻社区，宽泛地与开发者接触和沟通，结识了十分多优良的社区开发者，他们踊跃、激情、充斥暮气，都对技术充满热情，对将来充满信心！

以下是咱们与 DevUI 的敌人们的故事。

MICD

• 我与 Vue DevUI 开源组件库的故事

无声

• 记录我的第一个开源组件

iel

• 手把手带你开发一个脚手架（上）
• 我为 Devui 开发的脚手架

JS 老狗

• 我与 DevUI 专栏
• DevUI 中 VUE 的 TSX 函数式组件实际
• 再聊 Vue 的 TSX 函数式组件

村长

• 跟村长老师做【Vue DevUI 开源指南】直播一个月的感触

激励

往年 5 月份孵化🐣的 Vue DevUI 给了咱们十分大的信念，动摇了 DevUI 做开源的信心，也让咱们看到了社区开发者对 DevUI 开源的微小激情，因而为了：

• 给贡献者提供肯定的荣誉感，咱们为卓越贡献者专门设计了 DevUI 开源优良贡献者 荣誉奖杯，两头是大大的贡献者名字，并且有 华为云 DevUI的文案
• 鼓励贡献者，让 DevUI 的Contributor有更多的归属感，你们面对的不是一个凉飕飕的开源我的项目，而是一个和煦的 DevUI 开源组织，因而咱们精心设计了 DevUI 定制精美抱枕，Contributor 人手一个
• 激励更多的小伙伴参加到 DevUI 开源生态建设中来，咱们专门制作了DevUI 定制精美笔记本，通过抽奖的形式给到抽中奖品的幸运儿们

以下是效果图：

将来

DevUI 开源的故事

才刚刚开始

将来

咱们心愿与你一起

谱写更精彩的故事

                                                               —— 华为云 DevUI 开源组织

增加 DevUI 小助手微信：devui-official，拉你到咱们的官网交换群。

DevUI 开源，将来可期！

彩蛋

明天是双十一，Ng DevUI 组件的 star 数刚好冲破 1111，这是不是一种特地的暗示？

双十一，用用用！

难道意味着 DevUI 开源生态将要腾飞🛫️？

将来将会有更多的社区开发者退出 DevUI 开源生态的建设

理解、应用、参加 DevUI

DevUI 不是集体开源

它的背地是一个有着动摇开源信心的团队

退出 DevUI 开源，让咱们一起成长！