基于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做为你的开发模板(一)拉取项目
1410 0
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
|
移动开发 缓存 自然语言处理
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
967 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
缓存 JavaScript 安全
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
1558 0
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
944 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
Ant Design pro删除模块笔记(二)
Ant Design pro删除模块笔记(二)
122 0
|
设计模式 资源调度 JavaScript
Ant Design Pro安装及简单搭建
Ant Design Pro安装及简单搭建
615 1
|
JavaScript 前端开发
【Vue 开发实战】实战篇 # 26:Ant Design Pro介绍
【Vue 开发实战】实战篇 # 26:Ant Design Pro介绍
248 0
【Vue 开发实战】实战篇 # 26:Ant Design Pro介绍
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
784 0
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
962 0
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表

热门文章

最新文章

相关实验场景

更多