Antd PRO入门

[toc]

网址

• AntD官网：https://ant.design/index-cn
• 脚手架市场：http://scaffold.ant.design/#/

AntD Pro脚手架：（官方脚手架）

• 中文：https://pro.ant.design/index-cn
• e文：https://pro.ant.design/docs/getting-started
• github：https://github.com/ant-design/ant-design-pro/blob/master/README.zh-CN.md

简介

开箱即用的中台前端/设计解决方案

安装使用

$ npm install ant-design-pro-cli -g
$ mkdir my-project && cd my-project
$ pro new  # 安装脚手架
$ npm install
$ npm start

布局

• BasicLayout：基础页面布局，包含了头部导航，侧边栏和通知栏
• BlankLayout：空白的布局
• PageHeaderLayout：带有标准 PageHeader 的布局
• UserLayout：抽离出用于登陆注册页面的通用布局