手把手参与 Ant Design 开源贡献：从认领 Issue 到提交 PR 全指南

开源贡献的价值

作为国内知名的 React UI 组件库，Ant Design 的持续进化离不开开发者社区的共建。本文梳理了参与贡献的核心路径与实用技巧，帮助开发者快速融入开源协作。

贡献准备阶段

1. 文档研读

   • 精读官方贡献指南
   • 查阅项目 Wiki 的协作规范

2. 贡献方向

   • 官网优化：文案润色/Demo 重构（如循环替代冗余<br>）
   • 组件测试：补充边界用例
   • Issue 响应：解决help wanted标签问题
   • RFC 讨论：参与功能提案

高效协作流程

1. 认领任务

• 在 Issues 区回复"我来看一下"避免重复
• 使用 CodeSandbox 创建最小复现代码

2. 本地开发

# 克隆个人仓库分支
git clone https://github.com/[yourname]/ant-design.git
git checkout -b codingories/fix-12345  # ID与Issue对应

3. 测试驱动开发

• 通过it.only聚焦当前用例
• 使用toMatchInlineSnapshot生成组件快照
• 执行yarn test --watch实时验证

4. 全链路验证

• 本地启动yarn start检查 Demo 效果
• 用skip临时跳过用例排查冲突

5. 规范提交

• 关联 Issue ID（如：#12345）
• 更新中英文 CHANGELOG
• 提交前执行yarn test -u同步快照

进阶协作技巧

• 分支管理：通过git push origin HEAD --force-with-lease强制推送修复
• PR 规范：选择正确版本分支（4.x/5.x），勾选影响范围标签
• 沟通渠道：善用 GitHub Discussions 与思否问答