Ant Design Pro框架快速上手实践

最新推荐文章于 2024-09-10 19:50:21 发布

詹詹自喜KING

最新推荐文章于 2024-09-10 19:50:21 发布

阅读量686

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB前端

本文链接：https://blog.youkuaiyun.com/java_zero2one/article/details/97670394

本文介绍了Ant Design Pro框架的快速上手实践，包括React和Ant Design的基础介绍，开发环境的配置，源码下载，目录结构，本地开发步骤，解决依赖问题，创建首个页面以及菜单的国际化处理，最后讲解了编译和发布流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ant Design Pro框架快速上手实践

1.前言
React 是 Facebook 公司推出的一套前端开发框架，是目前全世界最流行的前端框架。它的核心理念是将网页应用看成一个组件构成的状态机（state machine），状态的变化导致了 UI 的变化。
Ant Design 就是基于 React 实现的一套组件库。它是由蚂蚁金服体验技术部开发的，最早是在2015年发布的，到现在已经发布了三个大版本，目前一共封装了50多个组件。它在国内得到广泛使用，可能是使用量最大的 React 组件库，在国际上也有一定的知名度。
Ant Design和Ant Design Pro说的浅显一点就是组件和模板的关系，也可以这样理解Ant Design是基础库而Ant Design Pro是它的增强版，直接配套业务组件打包给你，供你使用。或者说是建材与样板房的关系，利用各种建材搭建不同风格的样板地方以供参考，开发人员可以从样板房寻找灵感，选取相应的建材组装自己的房子。

2.开发环境
首先，请安装 NodeJS。安装完成后，执行下面的命令确认是否安装成功。
node -v
npm -v
在国内，你可以安装 cnpm 获得更快速、更安全的包管理体验。使用如下命令安装：
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后你可以通过如下的命令确认是否成功：
cnpm -v

3.源码下载
GitHub源码下载地址为: