Ant Design Pro 完整版安装指南

Ant Design Pro 是一个基于 React 的前端框架，提供了许多基础和美观的页面和组件，非常适合前端开发初学者。以下是安装和运行 Ant Design Pro 完整版的详细步骤。

环境准备

首先，确保你的系统安装了以下工具：

• Node.js（推荐版本 v18.15.0 或更高）

• npm（推荐版本 9.8.1 或更高）

可以通过以下命令检查版本：

npm -v

node -v

下载和安装

根据官方提示下载 Ant Design Pro：

• 使用 npm 安装 Ant Design Pro CLI：

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

• 创建项目：

pro create myapp # myapp 是你的项目名称

在创建项目时选择 complete 版本。

安装依赖

使用编译器打开项目，并运行以下命令安装依赖：

npm install

如果出现依赖冲突错误，可以使用以下命令绕过：

npm install --legacy-peer-deps

运行项目

使用以下命令以 mock 模式运行项目：

npm run start

项目将在 8000 端口运行。打开浏览器访问 http://localhost:8000，如果出现白屏，可以按 F12 查看控制台报错信息。通常是路由配置的问题，可以找到项目中的 config/routes.ts 文件，将 40-43 行的代码注释掉。

登录和使用

根据提示填写账号密码登录，完成安装和运行。

总结

安装步骤直接根据官网提示即可。在安装依赖时可能会出现依赖冲突，此时加后缀 --legacy-peer-deps 重新下载。运行项目后如果出现白屏，可以在 routes.ts 文件中注释掉相应位置的代码。

希望这篇指南能帮助你顺利安装和运行 Ant Design Pro 完整版。祝你开发愉快！