And Design Pro Windows环境搭建 配置 启用 详细文档（新手踩过所有坑的血泪总结）

一、Ant Design Pro 概述

说到ant design pro，得先了解一下ant design是个什么东西？ant design蚂蚁金服基于react打造的一个服务于企业级产品的UI框架。而ant design pro呢?就是基于ant design这个框架搭建的中后台管理控制台的脚手架 。
ant design pro官方文档：https://pro.ant.design/docs/getting-started-cn。

二、安装工具

1. node.js
   下载地址（最新版本即可）：https://nodejs.org/zh-cn/
   安装总结：傻瓜式安装，安装后要配置环境，参考下面链接（高手忽略）
   参考链接：https://www.cnblogs.com/zhouyu2017/p/6485265.html
2. git
   下载地址（最新版本即可）：https://git-scm.com/downloads
   安装总结：傻瓜式安装（高手忽略）
   参考链接：https://blog.csdn.net/monica1_1/article/details/80886048
3. yarn
   下载地址：https://yarnpkg.com/latest.msi

三、查看安装工具是否成功

	WIN+R，cmd 命令
	输入： node -v
	输入： npm -v
	输入： git --version
	输入：yarn --version

四，配置相关

1. 配置npm （安装node时配置过，可忽略）

   打开cmd，执行

   npm config set prefix "D:\Program\nodejs\node_global"   
   npm config set cache "D:\Program\nodejs\node_cache"
   

2. 修改国内淘宝下载仓

   npm config set registry https://registry.npm.taobao.org 
   npm config set disturl https://npm.taobao.org/dist
   

3. 删除代理

   npm config rm proxy 
   npm config rm https-proxy
   

4. 设置node-sass镜像源

   npm config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
   

五，安装And Design Pro

1. 打开git Bash
   

2. cd xxx ，cd到你的项目路径下

   cd antd/ant-test/
   

3. 安装 And Design Pro

   npm create umi demo
   

   

4. cd demo 文件夹

    cd demo
   

5. npm install

   npm install
   

   这个时间会长一下，耐心等待，10分钟左右

6. npm start

   npm start
   

   
   请到当前项目文件夹下找到node_modules文件夹，删除，重新执行
   npm install
   再执行：
   npm run build
   npm run dev
   当看到：http://localhost:8000时，那么就成功了
   
   赶紧到浏览器打开链接
   http://localhost:8000
   尽情的欢呼吧。。。。。。。
   
   之后要运行项目就到项目目录执行：npm start

   npm start
   

   
   大功告成！路过的小伙伴，希望能帮到你。