如何给antd贡献代码

68 阅读2分钟

阅读官方文档

具体做什么

  • 官网优化,文案调整,demo更新

    • 举例: demo修改,多个br改成for循环

关注Issues

  • 看标签help wanted,解决问题

补充组件测试用例

  • 补充组件的测试用例边界情况

讨论区discussion里面的RFC

  • 领取,认领任务

具体如何认领issue并修复

  • 准备工作

    • 如何提issue,讨论问题, 如何使用antd可以去讨论区。或者去思否网站的问答,以及stackoverflow中的question进行讨论
    • 领了问题可以在issue区域里面回复:"我来看一下这个问题",避免重复
    • 尽量用codesandbox做最小复现进行交流
  • 正式开始

    • 先fork一份ant-design,克隆之后我们的个人仓库下就会有一个ant-design
    • 克隆到本地,打开代码
    • pull最新代码,创建分支,分支名可以叫codingories/fix-12345,123456是bugId名
    • 看一下目录结构,找到修复组件的源码地址
    • 先写用例,把issues链接贴进来,拷贝codesandbox事例,可以增加it.only只运行当前用例
    • 使用toMatchInlineSnapshot, 运行测试 加参数-u更新快照
    • 用yarnt test watch去开始修改Bug,修复bug之后先把单个的用例过了
    • 之后yarn start整个看一下,把demo中的md改一下看下效果对不对
    • 之后再用skip跳过这个case,看一下是否影响其他之前的case
    • 然后再把skip删掉,看一下是否全部通过
    • 提交修复的代码,带上ID具体可以参考下图

image.png

  • yarn test -u 更新一下快照,toMatchInlineSnapshot,改成toMatchSnapShot,把快照更新到目录

    • 然后也把测试提交一下,更新快照

设置源

  • push到自己的仓库
  • 可以创建草稿信息先占一个位置
  • 把文档也更新一下
  • 所有组件的用例看下能不能跑,更新组件所有用例的快照
  • 最后再pull request往对应4.x或者5.x做pull request,pull request之前填写一些信息,勾选bugfix,demo , test case,中英文的change log等等。