ant design快速入门

最新推荐文章于 2025-05-20 14:57:27 发布
最新推荐文章于 2025-05-20 14:57:27 发布
阅读量636 收藏
点赞数 2
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lalala_HFUT/article/details/85798471
本文介绍AntDesign，一个由蚂蚁金服工程师开源的企业级中后台前端/设计框架。学习AntDesign需具备JavaScript和React基础。文章提供了配置Nodejs环境、下载框架、了解组件和用法的资源链接。

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

ant design是蚂蚁金服的工程师开源的一个企业级中后台前端/设计框架。

学习ant design，需要一定的JavaScript和react基础。

 

下面这个视频有一定的参考意义，但是不多，讲解得也不清楚。

https://www.bilibili.com/video/av34647062?from=search&seid=16449686598698834172

 

首先配置Nodejs，作为服务器端的JavaScript运行环境。

https://blog.youkuaiyun.com/qq_26562641/article/details/72235585

 

下载ant design的框架，拉取框架。

https://pro.ant.design/docs/getting-started-cn

 

框架搭建起来，了解一下antd的组件和用法。

https://ant.design/docs/react/introduce-cn

Ant Design入门-第一篇：初识Ant Design
无
05-14 154
Ant Design是一款专为React生态设计的企业级UI框架，广泛应用于中后台管理系统、数据可视化平台等场景。其核心价值在于提供统一、高效的设计语言和组件库，降低开发与设计的沟通成本，提升项目效率和质量。Ant Design拥有丰富的组件库，支持高度定制化，且社区活跃、文档完善，便于开发者快速上手和解决问题。本文介绍了如何通过Create React App快速搭建开发环境，并安装和引入Ant Design。通过一个简单的Button组件实践，展示了如何引入组件、设置样式以及绑定点击事件，帮助开发者初步
ant-design-pro入门
蛐蛐的博客
11-30 507
仓库：https://github.com/ant-design/ant-design-pro 1.简介 ant-design-pro是企业应用程序的开箱即用 UI 解决方案。 2.初始化 ant-design-pro的初始化由umi完成 npm create umi ? Select the boilerplate type ant-design-pro ? ???? Which language do you want to use? TypeScript ? ???? Do
Ant Design入门
qq_61313896的博客
12-28 6243
Ant Design入门
Ant Design Pro快速入门
weixin_30908649的博客
09-06 253
在上一篇文章中，我们介绍了如何构建一个Ant Design Pro的环境。 同时讲解了如何启动服务并查看前端页面功能。 在本文中，我们将简单讲解如何在Ant Design Pro框架下实现自己的业务功能。 目录结构浅谈 首先，我们来简单了解一下整个项目的目录结构及其中每个文件的功能。一个完整的目录结构如下：其中，关于业务功能的代码都在src文件夹下。而src中本身又包含着很多的...
【React】Ant Design Pro 上手入门教程
最新发布
silverclayz的技术分享
05-20 1564
全面讲解antd-pro上手入门教程
【Ant Design Pro】快速上手
小秀的博客
07-25 3223
插件都需要兼容 umi4 才能用，插件 api 有变化，没兼容的是用不了的。也减少了 webpack 升级导致的问题。app.tsx 是项目全局入口文件（在首次访问页面执行 / 刷新页面），定义了整个项目使用的公共数据，getInitialState 方法定义了项目初始化需要执行的操作。这里 start 模式使用了前端项目内的 mock 数据，而 start:dev 没有使用mock 数据，需要真实的后端接口。这是最新版的 umi，不同于上个版本，上一个版本应该是 透传的 umi-request。
Ant-Design-Vue快速上手指南+排坑
Chujun123528的博客
08-11 3953
Ant Design Vue 是蚂蚁金服 Ant Design 官方推荐的 Vue 版 UI 组件库，其组件风格与 Ant Design 保持一致，提供了一套完整的 Vue 组件和开发方案。本指南将帮助新手快速上手 Ant Design Vue，并介绍一些常见的排坑方法。
ant design pro快速入门
shizhihua11的博客
11-08 379
项目需要用ant design pro实现一个管理系统，之前没有做过相关项目，所以将自己的学习过程与经验记录下来，做一个总结，也希望对看文章的你有所帮助。（做项目的时候用的是2.0版本，所以本文章基于2.0版本展开） 一、技能点 ant design pro主要用到的知识列表如下： ant design ant design pro dva umi umi-request 二、克...
day02-Ant Design以及Ant Design Pro入门.zip
01-29
本教程“day02-Ant Design以及Ant Design Pro入门”将引导初学者深入理解这两个强大的工具。 Ant Design，由蚂蚁金服开源，是基于React的一套高质量的UI设计语言和实现。它遵循“Mobile First”的设计理念，旨在为...
Umi.js与Ant Design快速入门教程
资源摘要信息:"umi-dva-...综上所述，如果想学习如何使用Umi.js进行React应用的快速开发、利用DVA进行高效的数据流管理以及使用Ant Design构建具有专业水准的UI界面，那么umi-dva-antd-starter是一个非常好的起点。
Ant Design以及Ant Design Pro入门.zip
10-10
这个名为"Ant Design以及Ant Design Pro入门.zip"的压缩包文件包含了学习这两个框架的基础资源，包括代码示例、相关资料和讲义，旨在帮助初学者快速掌握ReactJS、Ant Design和Ant Design Pro的基本用法。 ReactJS是...
AntDesignPro快速入门
qq_40098572的博客
11-04 1289
项目创建好了，打开一看，这么多目录无从入手啊，然后看官方文档，又要去了解umi，又要去了解typescript，等等各种前置条件，其实都没有必要，那么多东西如果不是职业前端开发的话怎么可能都会呢，这是不可能的。学习代码很简单，找对思路是关键，当我们看到一个项目的时候，总想着打开项目看一下代码，一看代码两眼发黑，互联网时代不可能把认识所有代码，当我们接触一个项目的时候，先看项目目录结构，对着目录结构写一套增删查改就算是入门了。安装环境node+vscode。整个项目介绍完毕，是不是很简单。
快速学习Ant Design Pro-快速入门
逍遥云恋
01-18 1775
3.2、快速入门 3.2.1、部署安装 下载地址：https://github.com/ant-design/ant-design-pro 我们使用资料中提供的，已经下载好的文件：ant-design-pro-master.zip 第一步：将ant-design-pro-master.zip解压到任意目录，我的目录是F:\code Ant Design Pro提供的目录如下： 第二步，导...
Ant Design pro入门
MC_666的博客
02-23 5993
读此文章需要优先掌握知识:React、ts、ant-design
Ant Design Pro基础
在所有的事情背后，要有一颗坚定的的本心，要有一颗应对变革和提升自我的本心，世界瞬息万变，本心要坚持到底，保持学习，时刻复盘
09-12 948
Ant Design Pro基础
pingssys-ant design pro基础
zhouping118的博客
02-26 2058
1.pro简介 Ant Design Pro是一个后台前端/设计解决方案，整合umi + dva + ant pro说明 2.安装部署 下载：git clone --depth=1 https://github.com/ant-design/ant-design-pro.git demo 安装依赖：npm install 启动本地开发服务器：npm start 编译：npm run buil...
【React全家桶入门之十一】引入AntDesign组件库
sunnywei_yiyi的专栏
08-01 2726
版权声明：本文为博主原创文章，转载请注明来源。博客地址：http://blog.youkuaiyun.com/awaw00 目录(?)[+] 我们的管理系统已经有了图书、用户的增删改查以及登录功能了，可谓是五脏俱全，就是丑了点~ 是不是已经有些厌倦我们系统里的白底黑字和灰色框框了？ 打起精神，本篇带你使用 AntDesign 组件库为我们的系统换上产品级的U
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值