1.写在前面

最近做毕设的时候发现网络上关于ant designpro2.0版本的基础入门资料太少，我一个后端开发人员当时入门也是跌跌撞撞，现在我将我所学的分享出来，避免大家少走一些弯路。

2.开发环境

你的本地环境需要安装 node 和 git。ant desing pro框架基于 ES2015+、React、UmiJS、dva、g2 和 antd，提前了解和学习这些知识会非常有帮助。

3.参考资料

1. 参考ant design pro
2. 参考DvaJs

4.目录地址

1. Ant Desing Pro2.0(一)项目初始化
2. Ant Desing Pro2.0(二)新增页面
3. Ant Desing Pro2.0(三)设置代理
4. Ant Desing Pro2.0(四)与服务端交互

---

1.下载项目源码

从github上面下载源码，代码如下

---

git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
cd my-project

下载好的项目如图

2.删除无关代码

2.1下图是删除跟开发无关的文件夹以及无关的文件后的效果

2.2删除package.json中其他无关的npm命令行

删除前

删除后，图片中有个注意事项请关注以下

3.安装依赖以及启动项目

ps:我这里采用『WebStorm』开发
1.在当前目录输入以下命令

---

> nmp install

> nmp start

---

运行后浏览器会自动打开出现如下界面

这样第一部分的项目导入就算完成了

---