📚 Ant Design Pro 学习一 🚀安装

✨ 前言

在数字化时代，掌握前端框架是开发者的基本功。今天，我们来学习如何安装 Ant Design Pro，一款基于 Ant Design 的企业级中后台前端/设计解决方案。它不仅功能强大，还提供了丰富的组件和完善的文档，非常适合快速搭建项目。

💡 准备工作

首先，确保你的电脑已安装 Node.js 和 npm（或 yarn）。可以通过命令行输入 `node -v` 和 `npm -v` 来检查版本是否正常。此外，建议使用稳定的 LTS 版本，以避免兼容性问题。

🎯 安装步骤

1️⃣ 打开终端，运行以下命令初始化项目：

```bash

npx @ant-design/pro-cli create my-project

```

2️⃣ 选择你需要的模板，比如默认模板或国际化模板。等待脚手架完成初始化后，进入项目目录：

```bash

cd my-project

npm install

```

3️⃣ 启动开发服务器：

```bash

npm run dev

```

👀 运行效果

浏览器会自动打开项目页面，默认地址为 `http://localhost:8000`。你会看到一个整洁的登录界面，这标志着安装成功啦！🎉

💡 小贴士

如果遇到问题，可以参考官方文档或社区问答，Ant Design Pro 的文档非常详尽，相信你很快就能上手。

🚀 总结

通过今天的安装学习，你已经迈出了使用 Ant Design Pro 的第一步。接下来，我们可以探索更多功能模块，打造属于自己的企业级应用！💪