我与vue-Devui开源组件库的故事

2,853 阅读2分钟

故事的开始

偶然之间,在B站看到了村长的直播我要做开源,直播内容大致为华为大佬 kagol 有个开源组件库 vue-devui,号召广大网友一起参与开源组件库的建设。

目的

1. 以前未参与过开源的活动,再加之当时也比较有时间。
2. 想通过参与开源项目增加自己的知识面,学习开源组件是如何从0到1完成的。
3. 提高点社区的影响力,从而在之后的简历上能突出些亮点。

目的不纯

技术栈

🔥vue3 + vite + TypeScript + vitepress + jsx

参与其中

我的第一次PR

当时心血来潮,想着赶紧给他们找个bug,然后修改下提PR就能被合并。然后一拉取代码后发现入口文件main.ts在编辑器出现了红线,如果我的第一次修改就到来了,结果被无情的close掉。 PR在此

u=3324539630,754447308&fm=26&fmt=auto.webp

认领组件

vue-devui组件的认领方式为:组件库释放相应组件,然后有兴趣的小伙伴在代码仓库底下评论获取 当时看到kagol释放了一些列的组件,选了个相对容易的Fullscreen认领

HO$YEX2AMI~_8WT@QY5@0)R.png

之后怎么完成组件的俺就不提了, 提交PR后一直满心期待被合并,终于有一天,看到代码被合并到主分支后,那真是满心欢喜的,走路自带乔峰bgm。

B0FB5B0C92F82E67D13B1B0C413BEF39.gif

持续的输出

自那以后,那真是一发不可收拾的。看有没有新的组件释放出来,没找到就去翻小伙伴的组件,看看组件的完成度,组件的更新时间。缺少都想补充。

P5N4XEY6C3G4PW6HRU70CZE.png

期间也发生过有趣的故事,小伙伴们都很积极。我主动申请的组件,吃个午饭时间就被认领了。

image.png

image.png

短期内期间了50多次的代码,三个贡献者身份

获得认可

持续的输出,得了devui官方的认可,感谢官方送的奖杯和抱枕!!!

V7IX6GB3SY@P%FJB5Q%$PF0.png

111.png

总结

参与开源的一个多月来,真的感触挺深,很多时候不是因为你看到希望了才要努力,而是你努力了才会有相应的回报。

故事未完待续...

由于目前工作原因,可能有段时间不能像之前那样的投入其中,但是还是会持续的关注vue-devui

  • 组件库目前离上线还有一些工作要做,包括我自己想做但是还没做成的组件搜索功能。 期待有更多新的小伙伴一起加入到开源组件库的贡献队伍里。

组件临时访问路径

kagol.gitee.io/