一：项目准备工作

1：开发环境准备

准备好Visual Studio Code前端开发工具，下载并安装Node.js

  2：项目准备

  本次项目使用umi脚手架的方式创建

  （1）打开开发工具打开项目文件夹并新建终端在终端里面输入命令 npm i yarn tyarn -g

  使用yarn管理项目

  （2）通过yarn导入umi 输入yarn global add umi

  （3）同过yarn创建umi项目 yarn create umi

  在创建项目的时候我们选择app并在下一步使用typescript ，选择antd这样脚手架项目便创建好了如下图所示

  

（4）使用npm i安装umi项目

（5）项目创建成功后我们输入 umi dev让项目跑起来（如下图所示）


项目创建好后的目录结构如下图所示


最后我们访问本地地址可以看到如下图所示的画面便说明通过UMI脚手架创建的项目成功了


访问的页面其实就是layouts下面的index页面。