项目搭建
初始化项目
# 创建项目目录
mkdir ant-design-pro
# 进入项目目录
cd ant-design-pro
# 初始化项目
yarn create umi
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
本地开发
更新 node 版本
由于 Antd Design Pro 4.0 要求 "node": ">=10.0.0", 所有确保本地的的 node 版本 >=10.0.0, windows 可以参考
安装依赖
# 安装依赖
yarn
# 启动项目
yarn start
1
2
3
4
5
2
3
4
5
可能按照依赖的时候你会卡在安装 puppeteer 上，这时重新执行以下步骤。参考
npm config set puppeteer_download_host=https://storage.googleapis.com.cnpmjs.org
yarn config set puppeteer_download_host https://storage.googleapis.com.cnpmjs.org
yarn
1
2
3
2
3
项目目录结构
├── config # umi 配置，包含路由，构建等配置
├── mock # 本地模拟数据
├── public
│ └── favicon.png # Favicon
├── src
│ ├── assets # 本地静态资源
│ ├── components # 业务通用组件
│ ├── e2e # 集成测试用例
│ ├── layouts # 通用布局
│ ├── models # 全局 dva model
│ ├── pages # 业务页面入口和常用模板
│ ├── services # 后台接口服务
│ ├── utils # 工具库
│ ├── locales # 国际化资源
│ ├── global.less # 全局样式
│ └── global.ts # 全局 JS
├── tests # 测试工具
├── README.md
└── package.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19