这个项目能做什么
Ant Design Pro 是一个基于 React 的入门套件,用于构建企业级后台管理界面。README 将其描述为面向企业应用的开箱即用的 UI 解决方案,以样板工程而非库的形式分发。
技术栈与设计
- 基于 Ant Design 6 规范,开发工具链包含 React 19、Umi Max 4 和 utoopack。
- 使用 TypeScript 编写。
- 主题可通过 Tailwind CSS v4 配合 antd-style 进行定制。
- 响应式布局,适用于不同屏幕尺寸。
- 内置国际化(i18n)支持。
- 使用 Biome 进行代码检查。
内置模板
项目提供了一套广泛的页面模板:欢迎页;仪表盘(分析、监控、工作台);表单(基础、分步、高级);列表(搜索、表格、基础、卡片);详情页(基础、高级);结果(成功、失败);异常(403、404、500);账户(中心、设置);AI 助手页面;以及用户页面(登录、注册、注册结果)。页面由区块模板组装而成。
快速开始
克隆仓库,使用 npm install 安装依赖,然后运行 npm start 启动包含完整版本的开发服务器。npm run build 生成生产构建。内置 mock 开发方案,可在没有真实后端的情况下工作。
精简版本
由于默认包含所有区块,项目提供 npm run simple 来移除多余的页面目录、mock 文件、路由和依赖,精简为最小配置。README 警告该操作不可逆,会永久删除文件。
AI 助手与 Claude Code 技能
该样板工程包含一个由 Ant Design X 驱动的 AI 聊天机器人页面。它还在 .claude/skills/ 中提供了两个 Claude Code 技能:/pro-upgrade,用于对比最新模板并合并框架变更,同时保留业务代码;以及 /antd,用于查询 antd 组件的 API、props、tokens 和示例,检查已废弃用法,并借助 @ant-design/cli 协助版本迁移。从仓库克隆的项目已包含这些技能;可通过 npx skills add ant-design/ant-design-pro 进行刷新。
测试与浏览器支持
单元测试和端到端测试是工作流的一部分。支持的浏览器为现代浏览器:Edge、Firefox、Chrome 和 Safari,其中后三种支持最近两个版本。
项目资源
在线预览见 preview.pro.ant.design,文档见 docs/cheatsheet.en-US.md,发布说明见 GitHub,常见问题见 cheatsheet。README 指出 v6 为当前主版本,并链接到其变更日志。欢迎通过 issue 和 pull request 贡献。
评论
0 评分人数达到10人后显示
登录后参与讨论。