Ant Design Pro 入门（一）

Ant Design Pro 入门（一）

1. 初识 Ant Design Pro
   Ant Design 是蚂蚁金服基于react打造的一个服务于企业级产品的UI框架，是针对企业级中后台前端/设计解决方案，而Ant Design Pro 是在antd的基础上构建的一套基于 React 的中后台管理控制台的脚手架，它可以帮助你快速搭建企业级中后台产品原型，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。
   详细了解直接飞官网：Ant Design Pro 官方文档
2. 安装及环境配置
   本地需要先安装node 以及git 配置环境变量
   $ git clone https://github.com/ant-design/ant-design-pro.git
   $ cd ant-design-pro
   目录结构
   下面是整个项目的目录结构。
   ├── 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
3. 运行
   启动项目前需要先安装项目依赖 ：npm install
   本地启动项目： npm start
   默认端口8080
   启动完成后会自动打开浏览器访问 http://localhost:8000