基于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做为你的开发模板(一)拉取项目
1212 0
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
740 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
2月前
|
API 开发工具 图形学
Pico Neo 3教程☀️ 六、项目的配置总结及交互开发
Pico Neo 3教程☀️ 六、项目的配置总结及交互开发
|
缓存 JavaScript 安全
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
1301 0
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
777 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
|
11月前
Ant Design pro删除模块笔记(二)
Ant Design pro删除模块笔记(二)
77 0
|
11月前
|
存储
SAP UI5 官网上提供的例子,如何下载到本地运行试读版
SAP UI5 官网上提供的例子,如何下载到本地运行试读版
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
609 0
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
|
前端开发
前端hook项目moblie总结笔记-ant design进行动态表单添加
前端hook项目moblie总结笔记-ant design进行动态表单添加
113 0
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
835 0
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表