一款开箱即用的中台前端系统介绍-ant-design-pro

最近看到了一算基于React后端框架。用起来比较方便，AntDesignPro这个阿里巴巴开源的Admin框架

预览：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

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

模板

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

使用

$ mkdir <your-project-name>
$ cd <your-project-name>
$ yarn create umi  # or npm create umi

# Choose ant-design-pro:
Select the boilerplate type (Use arrow keys)
❯ ant-design-pro  - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
 app             - Create project with a simple boilerplate, support typescript.
 block           - Create a umi block.
 library         - Create a library with umi.
 plugin          - Create a umi plugin.

$ git init
$ npm install
$ npm start         # visit http://localhost:8000

支持环境