antd design pro 完整版安装记录

前情提要

因为没接触过前端，搞了很久还是因为环境的问题，完全没法启动完整版，最多也只是安装了删减版。所以记录一下成功安装antd design pro的过程。

环境

Win10和Centos7都试过，没成功，所以换成了Ubuntu22

# 版本
node：v18.19.0
npm: 10.2.4
yarn: 1.22.21

npm和yarn都换成淘宝最新镜像http://registry.npmmirror.com

开始安装

1、开始

npm i @ant-design/pro-cli -g

pro create anttest
# 因为Ubuntu自带有pro命令，所以这里我使用了pro的绝对路径
xxx/xxx/node_global/bin/pro create anttest

接下来选择umi@3，再选complete

2、继续

git init anttest

进入anttest文件夹(也就是你自定义的项目名称)
直接运行yarn命令

3、经过一段时间，install完成

继续执行命令（这里比官方的教程多了后面的 --force）

npm install --save-dev @umijs/preset-ui --force

4、修改配置
又因为node.js 新版本中，OpenSSL3.0对允许算法和密钥大小增加了严格的限制
修改项目根目录下的package.json
将export NODE_OPTIONS=--openssl-legacy-provider 添加到"start"(中间还有符号&&)

5、启动

npm run start

成功

等待一小会

打开http://localhost:8000, 输入账号密码（框框有提示）