ant design for react
1、开始使用 ant design pro
安装
新建一个空的文件夹作为项目目录，并在目录下执行：
C/C++ Code复制内容到剪贴板
- npm create umi
选择 ant-design-pro
Ant Design Pro 脚手架将会自动安装。
目录结构
我们已经为你生成了一个完整的开发框架，提供了涵盖中后台开发的各类功能和坑位，下面是整个项目的目录结构。
XML/HTML Code复制内容到剪贴板
- ├── 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
本地开发
C/C++ Code复制内容到剪贴板
- #安装依赖
- npm install
- #启动
- npm start
如果npm install一直报错，可以试试
C/C++ Code复制内容到剪贴板
- npm i --legacy-peer-deps
路由添加页面：
config / config.ts
layout:false，表示不参与布局显示
src / locales / zh-CN / menu.ts 添加语言包
