序言

每天得生活都要继续，每天的学习不能放弃，最近开始学习下umi/dva/antd的后台管理系统，首推自然是antd-pro了，有些朋友应该比较熟悉这个了，就不多说，直接正言介绍，下面的主线都是antd-pro的搭建；

准备

Create umi

创建antd-pro或dva项目的脚手架

dva

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，
然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch ，
所以也可以理解为一个轻量级的应用框架。

umi

Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，
同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。
然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，
支持各种功能扩展和业务需求。

正文

1.在创建的项目文件下使用cmd运行create umi

npm create umi

2.选择antd-pro

3.选择ts/js(新手用js比较好)

4.用ant4？

5.进入到创建的项目中，然后用cnpm install再npm start

6.最后效果

关键文件

config/config.js
项目的配置文件，详情配置请参考umi的配置页面
内部有路由模块：routessrc/models
dva的model的文件放置地src/pages
业务代码的页面

运行流程

主要看下umi的文档，了解下各个模块所负责的

参考资料

create umi的npm地址

dva地址

umi地址

andt-pro：搭建一个ant-design-pro项目(模板)相关推荐

使用ant design Pro开发项目的小结
一.关于上手. 1. 关于ant design Pro的介绍,自己看官网,大致上可以理解为ant design(组件库) ant design Pro (完整的项目) dva(路由数据流管理)的组合 ...
Ant Design Pro v4 is Here
Ant Design Pro v4 is Here 距离 Pro 的上个版本发布已经过去了 8 个月,Pro 也进行了许多的迭代,但是大部分更新仍然以修复 bug 为主.在此期间我们遇到了许多使用 P ...
Ant design pro简单使用
这里写自定义目录标题 Ant design pro简单使用安装使用新增页面 Ant design pro简单使用 Ant design pro集成了React,Dvajs,umijs,是一个中台 ...
Ant Design Pro 企业级后台实战（73 个视频）
Ant Design Pro 企业级后台实战(73 个视频) Ant Design Pro 企业级后台实战 #1 介绍(声音已调到毫无杂音_) Ant Design Pro 企业级后台实战 #2 学习 ...
Ant Design Pro
文档总览 - Ant Design Pro 开始使用 Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案,致力于在设计规范和基础组件的 ...
Ant Design Pro入门之简介
Ant Design Pro入门了解Ant Design Pro Ant Design Pro 是基于Ant Design的一个开箱即用的,企业级中后台前端/设计解决方案. 效果: 源码地址:htt ...
Ant Design Pro V5精讲（实践篇一）：自定义登录界面、主界面
用户需求登录界面改造成自己的主界面的logo及产品名称改造成自己的语言包去掉或者只留中英语言包登录界面改造进入pages/user/login目录找到index.tsx // 去掉语言包栏目 ...
Ant Design Pro V4 入门到实战手册【2020】
前言第一章初识 Ant Design Pro 1. 调整 Ant Design Pro 基本配置 2. 浅析 Ant Design Pro 工作流程第二章布局和路由 1. 复杂页面布局的&qu ...
【Ant Design Pro 一】环境搭建，创建一个demo
技术交流qq群 173683895 搭建 Ant Design Pro 的前期准备:你的本地环境需要安装 cnpm.node. 注:代码块中的 $ 代表: $后面是在命令行输入的命令,举例 $ ...
ant design pro（一）安装、目录结构、项目加载启动【原始、以及idea开发】
一.概述 1.1.脚手架概念编程领域中的"脚手架(Scaffolding)"指的是能够快速搭建项目"骨架"的一类工具.例如大多数的React项目都有src,p ...

andt-pro：搭建一个ant-design-pro项目(模板)

序言

准备

Create umi

dva

umi

正文

1.在创建的项目文件下使用cmd运行create umi

2.选择antd-pro

3.选择ts/js(新手用js比较好)

4.用ant4？

5.进入到创建的项目中，然后用cnpm install再npm start

6.最后效果

关键文件

运行流程

参考资料

andt-pro：搭建一个ant-design-pro项目(模板)相关推荐

最新文章

热门文章