前情提要
因为没接触过前端,搞了很久还是因为环境的问题,完全没法启动完整版,最多也只是安装了删减版。所以记录一下成功安装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
, 输入账号密码(框框有提示)