Ant Design Pro环境搭建与安装启动完成后会自动打开浏览器访问 http://localhost:8000，你

Ant Design Pro教程写的挺好，但是新手在入门的时候，会遇到各种奇葩的问题；本人在windows 系统；安装部署的时候，出现了一系列的抓狂的问题；总结分享以便重复采坑；

yarn和npm是两家不同的包管理工具；尽管官网推荐使用yarn,但是我已经习惯了npm,本人推荐npm;

安装

默认你本地已安装好node和git环境

npm init
npm install create-umi -g
ps:(npm create umi/yarn crete umi 在windows 系统可能会出现“文件名、目录名或卷标语法不正确”的提示)

新建项目名为：antDPro；

E:\github\geekantDPro>create-umi antDPro
? Select the boilerplate type (Use arrow keys)
> ant-design-pro  - Create project with a layout-only ant-design-pro boilerplate, use together with umi block.
  app             - Create project with a simple boilerplate, support typescript.
  block           - Create a umi block.
  library         - Create a library with umi.
  plugin          - Create a umi plugin.

选择开发语言

报错: git clone github.com/ant-design/… --depth=1 antDPro

在新建目录cd antDPro ,打开gitBash;执行git clone --depth=1 github.com/ant-design/… antDPro

执行npm install 下载依赖；npm run start;启动项目；

启动完成后会自动打开浏览器访问 http://localhost:8000，你看到下面的页面就代表成功了。