antd pro起步

63 阅读1分钟
  1. 根据官方文档步骤创建工程,执行启动命令运行项目,可以看到一个简单的后台管理系统案例
  2. 新增菜单与页面:
  • 在config-routes.ts文件中添加菜单数据,这里与vue相似
  • 在locales文件夹中配置一下国际化,这里只配置一下中文
  • 我们增加一个系统管理菜单,以及用户管理的子菜单

image.png

这里要注意有个坑,正常来说我们给菜单重定向直接在父级就可以,但在这里必须像红框里一样写才行,否则会报错,无法渲染出页面

  1. 在用户管理页面编写代码, 如图:

image.png

看一下页面效果:

image.png

引入报红线错误的问题可以参考另一篇文章: [](vscode中引入模块下划线标红问题 - 掘金 (juejin.cn))