ant design pro安装(肯定成功)

1.安装之前需要准备的环境 yarn、 node 和 git，推荐配置cnpm(淘宝镜像)

 

npm install cnpm -g --registry=https://registry.npm.taobao.org

然后安装yarn        cnpm install -g  yarn

再然后安装Umi     cnpm install -g  umi

2.创建一个文件夹 fronted_web

3.进入到fronted_web下，执行yarn create umi 

然后依次选择ant-design-pro 回车   

选择pro v4   回车   

选择TypeScript  回车

4.安装依赖  cnpm  install 

5 启动服务  cnpm start ，启动成功如下图。打开http://localhost:8000 就可以在本地访问了。初始用户名密码为：admin /ant.design 

注意：如果在安装过程中出现错误，删除文件后，重新安装时需要在安装前执行  npm cache clean --force  清除缓存

高级表格   yarn add @ant-design/pro-table

高级布局   yarn add @ant-design/pro-layout