Language : 🇺🇸 | 🇨🇳 | 🇷🇺 | 🇹🇷 | 🇯🇵 | 🇫🇷 | 🇵🇹 | 🇸🇦

Ant Design Pro

• 预览：http://preview.pro.ant.design
• 首页：http://pro.ant.design/index-cn
• 使用文档：http://pro.ant.design/docs/getting-started-cn
• 更新日志: http://pro.ant.design/docs/changelog-cn
• 常见问题：http://pro.ant.design/docs/faq-cn
• 国内镜像：http://ant-design-pro.gitee.io

5.0 已经发布! 🎉🎉🎉

Ant Design Pro 5.0.0

特性

• TypeScript: 应用程序级 JavaScript 的语言
• 区块: 通过区块模板快速构建页面
• 优雅美观：基于 Ant Design 体系精心设计
• 常见设计模式：提炼自中后台应用的典型页面和场景
• 最新技术栈：使用 React/umi/dva/antd 等前端前沿技术开发
• 响应式：针对不同屏幕大小设计
• 主题：可配置的主题满足多样化的品牌诉求
• 国际化：内建业界通用的国际化方案
• :gear: 最佳实践：良好的工程实践助您持续产出高质量代码
• Mock 数据：实用的本地数据调试方案
• UI 测试：自动化测试保障前端产品质量

模板

- Dashboard
  - 分析页
  - 监控页
  - 工作台
- 表单页
  - 基础表单页
  - 分步表单页
  - 高级表单页
- 列表页
  - 查询表格
  - 标准列表
  - 卡片列表
  - 搜索列表（项目/应用/文章）
- 详情页
  - 基础详情页
  - 高级详情页
- 用户
  - 用户中心页
  - 用户设置页
- 结果
  - 成功页
  - 失败页
- 异常
  - 403 无权限
  - 404 找不到
  - 500 服务器出错
- 帐户
  - 登录
  - 注册
  - 注册成功

使用

我们提供了 pro-cli 来快速的初始化脚手架。

# 使用 npm
npm i @ant-design/pro-cli -g
pro create myapp

选择 umi 的版本

? 🐂 使用 umi@4 还是 umi@3 ? (Use arrow keys)
❯ umi@4
  umi@3

如果选择了 umi@4 版本，暂时还不支持全量区块。

如果选择了 umi@3，还可以选择 pro 的模板，simple 是基础模板，只提供了框架运行的基本内容，complete 包含所有区块，不太适合当基础模板来进行二次开发

? 🚀 要全量的还是一个简单的脚手架? (Use arrow keys)
❯ simple
  complete

安装依赖：

$ cd myapp && tyarn
// 或
$ cd myapp && npm install

更多信息请参考 使用文档。

支持环境

现代浏览器。

Edge	Firefox	Chrome	Safari	Opera
Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

参与贡献

我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建 ：

• 在你的公司或个人项目中使用 Ant Design Pro。
• 通过 Issue 报告 bug 或进行咨询。
• 提交 Pull Request 改进 Pro 的代码。