大家好,我是前端实验室的大师兄!
今天大师兄要分享的是一套开箱即用的前端解决方案:Ant Design Pro
简介
Ant Design Pro
是基于 Ant Design
和 umi
封装的一整套企业级中后台前端/设计解决方案
。
Ant Design Pro
力求提供开箱即用
的开发体验,为此提供完整的脚手架,涉及国际化,权限,mock,数据流,网络请求等各个方面。它为中后台中常见的方案提供了最佳实践
,从而减少学习和开发成本。
项目内容概览
统计仪表面板
:分析页、监控和工作台
各种表单
;包括基础表单、分步表单、高级表单;
各种列表
:搜索列表、查询表格、卡片列表等
详情
页布局和个人配置
也是考虑很全面。
还内置了图形编辑
的功能。
知识概览
Ant Design Pro
是一个综合性的解决方案,涉及的知识点很多。我们可以通过下面的大图来了解整个架构
。
每一个部分都是很重要的知识点。一些知识点也在我们前期的文章中介绍过,欢迎大家查阅。 也可以查阅文末的项目链接进一步了解
使用
提供了 pro-cli 来快速的初始化脚手架。
代码语言:javascript复制# 使用 npm
npm i @ant-design/pro-cli -g
# 使用 yarn
pro create myapp
选择 umi 的版本
代码语言:javascript复制?