antd design pro 完整版安装记录

前情提要

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

环境

Win10Centos7都试过,没成功,所以换成了Ubuntu22

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

npmyarn都换成淘宝最新镜像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, 输入账号密码(框框有提示)

在这里插入图片描述

  • 8
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值