结合Ant Design Pro创建的脚手架

792 阅读1分钟

Ant Design Pro 是一个前端脚手架。默认情况下,读者已经了解了一些基本的前端知识,并且了解了 umi 和 Ant Design。如果你是纯新手,推荐阅读初学者的必知。错误地磨刀和砍木头。了解一些基础知识可以让学习曲线更加顺畅。

  • 我带着初学者来创建一下基本的简单项目

微信截图_20220211170524.png

微信截图_20220211170617.png

微信截图_20220211170802.png

微信截图_20220211170839.png

微信截图_20220211172254.png

微信截图_20220211172408.png

  • 项目成功创建以后打开终端中的本地服务器,即可看到下面的效果

直接登录就可以 微信截图_20220211172458.png

  • 登录成功以后可以看到下面一个简易的脚手架,都是我们自带的模拟的数据,如果想要换成自己真实的数据,可以取mock中直接换相对应的数据就可以 微信截图_20220211172514.png

  • 最后我来解释一下每个文件夹的含义,简易缩写,望理解 微信截图_20220211175301.png

  • 最后附上一个小小的简易,当然这也是官方文档中有的,文件名命名规范

微信截图_20220211180026.png

官方文档在这里:pro.ant.design/docs/gettin…

......极速更新中