基于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 Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
1255 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
移动开发 缓存 自然语言处理
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
|
前端开发 JavaScript
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
1691 0
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
|
资源调度
umi中AssertionError [ERR_ASSERTION]: filePath not found of
umi中AssertionError [ERR_ASSERTION]: filePath not found of
|
缓存 JavaScript 安全
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
2002 0
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
|
存储 JavaScript
Nodejs的npm包管理器快速入门
介绍Node.js的npm包管理器的快速入门,包括包的概念、结构、描述文件、npm常用命令如安装、搜索、移除软件包,以及如何处理常见的npm工具部署错误。
322 2
Nodejs的npm包管理器快速入门
|
存储 缓存 NoSQL
大数据-38 Redis 高并发下的分布式缓存 Redis简介 缓存场景 读写模式 旁路模式 穿透模式 缓存模式 基本概念等
大数据-38 Redis 高并发下的分布式缓存 Redis简介 缓存场景 读写模式 旁路模式 穿透模式 缓存模式 基本概念等
349 4
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
1223 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
|
JavaScript API
本地开发环境请求服务器接口跨域的问题(vue的问题)
本地开发环境请求服务器接口跨域的问题(vue的问题)
980 1
|
存储 算法 Unix
【创建进程】fork函数与写时拷贝
【创建进程】fork函数与写时拷贝