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

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

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



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


选择基于

基于 block 开发,快速构建标准页面

添加空白页



添加个人中心


这个时候就自动生成


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



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


相关文章
|
前端开发 JavaScript
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
1392 0
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
925 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
缓存 JavaScript 安全
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
1513 0
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
911 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
Ant Design pro删除模块笔记(二)
Ant Design pro删除模块笔记(二)
115 0
|
设计模式 资源调度 JavaScript
Ant Design Pro安装及简单搭建
Ant Design Pro安装及简单搭建
592 1
|
JavaScript 前端开发
【Vue 开发实战】实战篇 # 26:Ant Design Pro介绍
【Vue 开发实战】实战篇 # 26:Ant Design Pro介绍
243 0
【Vue 开发实战】实战篇 # 26:Ant Design Pro介绍
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
753 0
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
945 0
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表