framework
framework/antd/index.md
medium
framework-antd-index
Ant Design 组件使用约定索引(Form / Modal / Table / 边界 / 全局配置 / MCP)
子项索引
| 子项 | 一句话 |
|---|---|
| setup folder | antd 安装与全局配置 |
| form folder | antd Form |
| modal folder | antd Modal/Drawer |
| table folder | antd Table |
| selection folder | antd 组件选型索引,按 UX 任务给「用哪个 antd 组件」的决策入口,涵盖浮层 / 输入 / 数据展示 / 反馈 / 导航五类 |
| when-antd-vs-custom skill | 决策:通用 primitive 一律 antd / 业务高度差异化的组件自研 |
| antd-mcp-usage skill | 写真实 antd 组件代码前必查 MCP — antd_info / antd_demo / antd_token / antd_semantic |
antd · Ant Design 使用约定
本层包含
| 名称 | 类型 | 一句话 |
|---|---|---|
| setup | 文件夹 | ConfigProvider / locale / theme 全局配置 |
| form | 文件夹 | Form 表单与自定义校验 |
| modal | 文件夹 | Modal / Drawer 懒挂载与销毁 |
| table | 文件夹 | Table 列定义 / 分页 / 虚拟滚动 |
| selection | 文件夹 | 选哪个 antd 组件承载某 UX 任务 |
| when-antd-vs-custom | skill | antd vs 自研组件边界 |
| antd-mcp-usage | skill | 优先用 antd MCP 工具查组件 API |
何时下钻
- 第一次配置 antd →
setup/index.md - 决定要不要用 antd 现成组件 →
when-antd-vs-custom.md - 写表单 →
form/index.md - 写弹窗 →
modal/index.md - 写表格 →
table/index.md - 不确定用哪个 antd 组件承载某 UX 任务 →
selection/index.md - 不确定 API 用法 →
antd-mcp-usage.md优先调 MCP
链接
- 上层:
../index.md - 平行:
../react/index.md