新手教程：Ant Design Pro 环境搭建

一、安装Node.js

点击下载

版本选择：Node.js 14.x.x

安装成功后，打开终端输入命令node -v查看版本

PS C:\Users\charg> node -v
v14.21.3

二、安装 @ant-design/pro-cli

使用 @ant-design/pro-cli 来快速初始化一个脚手架项目，你可以使用以下命令来全局安装 @ant-design/pro-cli工具：

PS C:\Users\charg> npm install @ant-design/pro-cli -g

三、创建项目

PS C:\Users\charg> pro create myapp

四、安装依赖

PS C:\Users\charg> cd myapp
PS C:\Users\charg\myapp> npm install

五、运行

PS C:\Users\charg\myapp> npm run start
...........
  App running at:
  - Local:   http://localhost:8000 (copied to clipboard)
  - Network: http://192.168.43.54:8000
...........

运行这个脚本会启动服务，自动打开默认浏览器展示你的页面（打开地址http://localhost:8000）。当你重新编辑代码后，页面还会自动刷新。

六、问题

1.npm fund问题

327 packages are looking for funding
  run `npm fund` for details

有327个包在寻找资金支持，你可以运行npm fund命令来获取有关如何支持这些包的详细信息，也可以忽略。

2.选择 umi 的版本

建议选择umi3

PS C:\Users\charg> pro create myapp
? 🐂 使用 umi@4 还是 umi@3 ? umi@3

3.安装npm依赖提示gyp ERR! find Python

因为某些Node.js模块需要编译C++代码，而编译这些代码可能需要Python。

从Python官方网站下载并安装Python，确保安装的是Python 2.x 或 Python 3.x 的最新版本。

设置环境变量，以便Node.js能够找到它，将Python的安装路径添加到系统的PATH环境变量中。

重新运行npm install

教程更新地址