Ant design pro V5初探 安装,路由,组件与国际化 (与后端CRUD结合)

本文介绍了Ant Design Pro V5的初步使用,包括配置文件夹如config、mock和public的作用,重点讲解了src中的components与pages的区别,以及路由和国际化的实现。此外,还提到了与后端CRUD操作的结合,帮助熟悉后端的开发者更好地理解前端框架。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近比较对前端感兴趣,稍微学习了一段时间后接触了ant design pro v5这个框架,发现没有什么比较适合新手的上手教程,就在这里写一篇,应该比较适合熟悉后端的小伙伴学习。
首先,新建一个文件夹,进入命令台,输入yarn create umi.在这里插入图片描述
选择第一项,进入下一步,选择Pro v5即可。
在这里插入图片描述
这些就是Pro V5框架的主要内容,这里不全部详细讲,主要讲解几个重要的文件。

1.config文件夹

1.defaultSettings.ts
在这里插入图片描述
navTheme:导航栏风格,一般不在这配置,有其他地方可以配置。
primaryColor:主要颜色,就是修改背景色。
title:网站标题。
logo:左上角的logo图片地址,修改后可以换成自己的。
iconfontUrl:阿里家的iconfont,有很多比较好的图标与插画,感兴趣可以去了解下,这里是导入它的URL,一般不在这配置,有其他地方可以配置。
一般就改这几项,其他都不用管。可以自己试试修改后的效果。
2.proxy.ts

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值