地址

首页：https://pro.ant.design/index-cn

源码：https://github.com/ant-design/ant-design-pro/

文档：https://pro.ant.design/docs/getting-started-cn

安装

$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project $ cd my-project

目录结构

我们已经为你生成了一个完整的开发框架，提供了涵盖中后台开发的各类功能和坑位，下面是整个项目的目录结构。

├── config                   # umi 配置，包含路由，构建等配置
├── mock                     # 本地模拟数据
├── public
│   └── favicon.png          # Favicon
├── src
│   ├── assets               # 本地静态资源
│   ├── components           # 业务通用组件
│   ├── e2e                  # 集成测试用例
│   ├── layouts              # 通用布局
│   ├── models               # 全局 dva model
│   ├── pages                # 业务页面入口和常用模板
│   ├── services             # 后台接口服务
│   ├── utils                # 工具库
│   ├── locales              # 国际化资源
│   ├── global.less          # 全局样式
│   └── global.js            # 全局 JS
├── tests                    # 测试工具
├── README.md
└── package.json

本地开发

安装依赖。

$ npm install

如果网络状况不佳，可以使用 cnpm 进行加速。

$ npm start

打部署包

npm run build

路由控制

config/router.config.js

Ant Design Pro 开发上手相关推荐

使用ant design Pro开发项目的小结
一.关于上手. 1. 关于ant design Pro的介绍,自己看官网,大致上可以理解为ant design(组件库) ant design Pro (完整的项目) dva(路由数据流管理)的组合 ...
Ant Design Pro开发后台管理系统（新增页面）
通过实际demo演示一个管理后台的开发过程知识点: 1.新增router,新增models 新增菜单配置 1.如上图所示,打开/src/common/menu.js可以看到菜单列表其中 menuD ...
ant design pro（一）安装、目录结构、项目加载启动【原始、以及idea开发】
一.概述 1.1.脚手架概念编程领域中的"脚手架(Scaffolding)"指的是能够快速搭建项目"骨架"的一类工具.例如大多数的React项目都有src,p ...
Ant Design Pro v4 is Here
Ant Design Pro v4 is Here 距离 Pro 的上个版本发布已经过去了 8 个月,Pro 也进行了许多的迭代,但是大部分更新仍然以修复 bug 为主.在此期间我们遇到了许多使用 P ...
Ant design pro入坑指南
最近接到一个后台开发的项目,需要对接业务系统提取数据,大部分时间在PC上用,但是在手机上要勉强能看.对方只给了提取数据的接口,对于界面风格.布局排版等没有明确要求,只说不要太丑就可以了. 于是,开始着 ...
为什么我选择Ant Design Pro脚手架
为什么我选择Ant Design Pro脚手架首先先来谈谈Ant Design Pro脚手架好处: 初始化操作简单! 启动脚手架方便! 任何一种语言和框架,满足以上两点,肯定会得到很好的推广(比较大 ...
Ant Design Pro 网络请求流程
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 在 Ant Design Pro 中,一个完整的前端 UI 交互到服务端处理流程是这样的: UI 组件交互操作 ...
【Ant Design Pro 一】环境搭建，创建一个demo
技术交流qq群 173683895 搭建 Ant Design Pro 的前期准备:你的本地环境需要安装 cnpm.node. 注:代码块中的 $ 代表: $后面是在命令行输入的命令,举例 $ ...
ant design pro （八）构建和发布
一.概述原文地址:https://pro.ant.design/docs/deploy-cn 二.详细 2.1.构建当项目开发完毕,只需要运行一行命令就可以打包你的应用: npm run buil ...

Ant Design Pro 开发上手

地址

安装

目录结构

本地开发

打部署包

路由控制

Ant Design Pro 开发上手相关推荐

最新文章

热门文章