umiUI悬浮窗配置

关于搭建antDesignPro脚手架时umiUI悬浮窗配置

1. 悬浮窗消失原因

1.1 antDesignPro版本过高；
1.2 UMI4不支持；
1.3 nodejs最好是16.x.x版本；

2.node环境配置（低版本）

2.1 使用nvm安装node

#1.安装node
nvm install 16.20.0;

2.2 node环境变量配置
在nvm安装目录中新建node_global 、node_cache文件夹

2.3 创建文件夹后，打开cmd

npm config set prefix "D:\nvm\node_global"
npm config set cache "D:\nvm\node_cache"

2.4 打开系统环境变量-Path和用户变量-Path
将D:\nvm\node_global加入环境变量

2.5 系统变量新建
NODE_PATH=D:\nvm|global\node_modules

3. 安装yarn

npm install yarn

4. 安装脚手架-项目初始化

npm i @ant-design/pro-cli@3.1.0 -g
npx pro create myapp
npm install
// 选择yarn
//选择umi3
//Registry选择npm或者taobao

5
5. 进入（管理员权限）webstrom打开myapp
终端输入：

yarn add umijs/preset -ui -D

完成之后运行start应该就可以了