Ant Design和 Ant Design Pro 有什么区别？

Ant Design和 Ant Design Pro 有什么区别？

可以理解为 Ant Design是一套 React 组件库，而 Pro 是使用了这套组件库的完整前端脚手架。
而且pro还集成了Ant Design Pro Components组件库，所以pro非常适合开箱即用的中后台开发。

Ant Design 组件库 （ https://ant-design.antgroup.com/components/overview-cn/ ）
Ant Design Pro Components组件库 （https://procomponents.ant.design/ ）
Ant Design Pro （ https://pro.ant.design/zh-CN/docs/overview ）

Chrome DevTools调试

可以按照文档运行 npm start启动并使用 google 的 Chrome DevTools工具调试

vscode调试

使用vscode(v1.73.1)进行调试时，可以在vscode里打断点，比较方便

vscode调试需要在项目根目录/.vscode/文件夹里下配置launch.json

1，根据Ant Design Pro入门文档创建项目 https://pro.ant.design/zh-CN/docs/getting-started
2，vscode打开项目根目录
3，项目根目录创建“.vscode”文件夹，添加launch.json

launch.json如下配置,注意端口为8000,即ant design pro默认的默认端口

点击查看代码

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

4，f5或者点击调试按钮开始调试