文档介绍：AntDesignPro开发手册
AntDesignPro开发手册
AntDesignPro开发手册
AntDesignPro 开发手
册
修订历史记录
日期 版本 说明 作者
目录
前言
目的
让不熟悉 Ant Design Pro 的开发人员快速掌握开发方式
AntDesignPro开发手册
AntDesignPro开发手册
AntDesignPro开发手册
概述
Ant Design Pro 是一个前端设计解决方案，由蚂蚁金服体验技术部出品 /
维护。
核心技术组成：
ES2015+ JavaScript 语言的新标准
AntDesignPro开发手册
AntDesignPro开发手册
AntDesignPro开发手册
React
用于构建用户界面的
JAVASCRIPT
库
AntDesignPro开发手册
AntDesignPro开发手册
AntDesignPro开发手册
dva
是基于
(redux
（状态管理）
+ react-router
（路由 库）
+
AntDesignPro开发手册
AntDesignPro开发手册
AntDesignPro开发手册
redux-saga
（异步中间件）
等)的一层轻量封装
AntDesignPro开发手册
AntDesignPro开发手册
AntDesignPro开发手册
g2 一套基于可视化编码的图形语法
antd React 组件
开发环境
安装配置
安装包及源码下载地址为：
安装方式
cd my-project
npm install ant-design-pro-cli -g # 安装脚手架
mkdir my-project
cd my-project
pro new # 创建一个新项目
AntDesignPro开发手册
AntDesignPro开发手册
AntDesignPro开发手册
目录结构
├──mock
#
本地模拟数据
├──public
#
公共资源
│
└──
#
网站图标
├──src
│
├──assets
#
本地静态资源
│
├──common
#
应用公用配置，如导航信息
│
├──components
#
业务通用组件
│
├──e2e
#
集成测试用例
│
├──layouts
#
通用布局
│
├──models
#
数据交互
│
├──routes
#
业务页面入口和常用模板
│
├──services
#
后台接口服务
│
├──utils
#
工具库
│
├──
#
可视化图形配置
│
├──
#
主题配置
│
├──
# HTML 入口模板
│
├──
#
应用入口
│
├──
#
全局样式
│
└──
#
路由入口
├──tests
#
测试工具
├──
# 项目说明
└──
# 项目配置文件
项目初始化
npm install
npm start
npm run build
该命令会生成 *.js 、*.css 、 等静态文件
开发指导
AntDesignPro开发手册
AntDesignPro开发手册
AntDesignPro开发手册