ant-design-pro开发说明 --创建
ant-design-pro采用了dva框架实现,dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量级的应用框架。
ant-design-pro项目创建
创建ant-design-pro有以下两种方法:
直接从github上clone:
git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
or npm 创建
npm install ant-design-pro-cli -g
mkdir pro-demo && cd pro-demo
pro init
创建之后的效果如下:
接下来我们分析一下项目的目录结构(文字附图):
├── config # umi 配置,包含路由,构建等配置!
│ - router.config.js ## 配置定义每个页面的布局、全局菜单的配置
├── mock # 本地模拟数据
├── public
│ └── favicon.png # Favicon
├── src
│ ├── assets # 本地