基于Ant Design Pro搭建自己的前端模版

type

status

date

slug

summary

1、搭建项目脚手架

Ant Design Pro：官方文档

1.1、开始使用

1.2、安装依赖

1.3、运行

运行界面

基础安装就到这结束，下面开始瘦身

2、项目瘦身

2.1、删除国际化（多语言）

国际化介绍：

它给我们集成了多种语言：中文、英文...

因为这个项目主要在国内访问，国内都没多少用户浏览，更别说国外了；

如果要使用国际化，还要去配置不同语言，很麻烦。直接移除🔨

终端执行：

注释掉项目目录:node_modules/@umijs/lint/dist/config/eslint/index.js文件中的es2022: true(一定要注释掉，不然还会报错👻)

执行完之后打开package.json

执行完成：

删除下面的文件夹

根据提示，访问 http://localhost:8000，发现原本右上角的语言切换消失了：

登录之后发现原本左侧的菜单栏没了。

给目录路径:config/route.ts的路由加name

2.2、删除前端单元测试和Cache

删除package.json中的所有的jest

2.3、删除Mock文件夹

2.4、删除.husky文件夹

2.5、使用openAPI生成后端接口

3、万用前端项目模版

📌

https://gitee.com/fan-zhineng/antd-frontend-init.git

PS：教程来源程序员鱼皮