antd5源码调试环境搭建（window系统）

将antd源码克隆至本地

$ git clone [email protected]:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

前提安装python3、安装node版本18版本

不然后续安装依赖会报python3相关的错误。

项目需要使用git 初始化

不然会报husky相关的错误

git init

重新安装依赖

npm install

仍发现错误

原因
package.json文件中scripts的每一个属性都是一个自定义的脚本命令，在命令行中可以通过执行npm run dev来执行这段脚本，执行脚本时候会创建一个shell，然后在shell中执行指定的脚本。

实际使用的shell可能会根据系统平台而不同，类 UNIX 系统里，如 macOS 或 linux 中指代的是 /bin/sh， 在 windows 中使用的是 cmd.exe。

查看package.json文件的scripts属性

解决
在package.json文件的scripts属性中添加如下指令

"devWin": "set PORT==8081 && dumi dev"

执行启动命令

npm run devWin

发现：已成功启动，但是提示某个包过期，界面一直在build

解决

安装提示更新

npx update-browserslist-db@latest

删除node_modules中的下载的caniuse-lite browserslist
然后重新安装

PS E:\codesource\ant-design-5.8.3> npm i caniuse-lite browserslist -S

然后重新执行

npm run devWin

即可成功启动