4、后端本地环境搭建

一：Ant Design pro是什么：

Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。（官网写的）

二：初始化（新建一个项目）：

1：用以下这个命令来安装Ant Design Pro。

npm install -g @ant-design/pro-cli@3.1.0

2：下面这个命令来创建

pro create usercenterapp

? 🐂 使用 umi@4 还是 umi@3 ? umi@3
? 🚀 要全量的还是一个简单的脚手架? simple

同时选取umi@3 和 simple

这里出现了一个错误：

这bug搞了我三个小时。

无法访问“https://github.com/ant-design/ant-design-pro/”:在2078毫秒后连接到github.com端口443失败:无法连接到服务器

解决方法：

原因是git的proxy代理问题：

git config --global --unset http.proxy
git config --global --unset https.proxy

输入这两行代码即可。

 成功创建一个项目。

三：在webstorm中打开：

运行package.json中的start

最后的效果。