【umi 路由切换动画的实现】

效果展示：

准备工作：

node -v查看版本（必须在10以上）

检查是否有yarn（没有的话，用npm i yarn -g进行全局安装）

实现步骤：

1.搭建umi脚手架

创建一个文件夹，cmd进入黑窗口，输入：

yarn create @umijs/umi-app

2.补全缺失的信息

在cmd黑窗口输入yarn进行补全

3.利用编译工具打开文件夹

4.点击ctrl+`打开终端，安装react-transition-group插件

npm i react-transition-group

5.在src目录下创建layouts文件夹，并在文件夹下创建两个文件

 6.在index.less文件中复制