最近比较对前端感兴趣,稍微学习了一段时间后接触了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