基于Ant Design Pro搭建博客管理后台 第一节

官网教程：https://pro.ant.design/docs/getting-started-cn github链接：https://github.com/ant-design/ant-design-pro 在线预览链接：https://preview.pro.ant.design/dashboard/analysis

1：将github链接下载到本地 使用git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project克隆到自己的本地文件夹里面

或者直接从github下载到本地：github链接：https://github.com/ant-design/ant-design-pro

2：进入项目目录，安装依赖

cnpm  install

3:运行项目即可 npm start

4：打开浏览器，就能看到项目啦 localhost:3000/dashboard

http://localhost:8000/welcome

到这里就已经把Ant Design Pro搭建好了，接下来新建一个界面

选择基于 基于 block 开发，快速构建标准页面

添加空白页

添加个人中心

这个时候就自动生成

在空白页面里面点击右下角按钮，可以根据自己的需要添加各种组件

这个时候，可以打开编辑器查看代码，可以发现个人中心accountcenter和空白页面emptypage的代码都已经自动生成在src/page底下了。