ant-design-pro笔记

1、介绍ant-design-pro
ant-design蚂蚁金服基于react打造的一个服务于企业级产品的UI框架。而ant-design-pro就是基于Ant-Design这个框架搭建的中后台管理控制台的脚手架 。
ant-design-pro官方文档：https://pro.ant.design/docs/getting-started-cn

2、环境准备
本地环境需要安装 yarn、node 和 git。默认本地已安装好node和git环境。

3、安装yarn（Yarn是facebook发布的一款取代npm的包管理工具）

yarn的特点：
速度超快：Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。
超级安全：在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。
超级可靠：使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。

yarn使用npm安装（安装新版本node的时候，npm已经默认安装好了）

#使用npm安装
npm install -g yarn
#查看版本：
yarn --version
#Yarn 淘宝源安装，分别复制粘贴以下代码行到cmd黑窗口运行即可
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

4、根据官方文档安装，Ant Design Pro 脚手架将会自动安装（或者直接从Git上clone下来）。两个我都试过了，我这里是直接clone下来的。

• git->clone

#从Git上拉取下来：
git@github.com:ant-design/ant-design-pro.git

• 官方文档安装，官方文档Windows安装实际会报错：解决方法
  

5、官方提供的目录结构

6、本地开发

#安装依赖。
npm install

#启动
npm start

7、访问

成功！