网易首页 > 网易号 > 正文 申请入驻

企业级中后台React UI组件库 - Ant Design

0
分享至

Ant Design是蚂蚁金服推出的一款用于研发企业级中后台产品设计体系的 React UI 组件库。第一个公开版本是2015年发布的,算是比较早的了。一开始大部分程序员都认为这是阿里KPI的产物,不过这么多年来一直持续迭代,我可以说这是最强UI组件,Github的star达到了78.5K,目前官方维护的是React版本,VUE版本是社区维护。

企业级产品是一个庞大且复杂的系统,数量多且功能复杂,而且变动和并发频繁,常常需要设计者与开发者能快速做出响应。同时这类产品中有存在很多类似的页面以及组件,可以通过抽象得到一些稳定且高复用性的内容。

当然因为企业级产品组件比较多,小公司每一个组件都去开发费时费力,直接拿大厂的UI组件库直接搭起来开发效率就快多了,大厂的UI设计和审美还是没话说的,开发的时候直接关注业务逻辑就可以了。

目前组件有如下:

其它特点:
  • 支持更换主题色
  • 支持动态更换主题色(没试过)
  • 支持国际化
  • 支持TS开发
  • 可以套娃在Electron里面
  • 官方提供了Sketch,Axure,墨刀等设计产品原型软件的设计资源
其它说明:

重型组件适合表格,表单等定制化强的需求下使用,这些组件是属于ProComponents,需要单独安装使用。

里面的日期时间组件输出格式都是使用moment格式,非常适合自己个性化渲染,具体教程可以搜索moment.js(也可以用dayjs代替,体积更小,两者操作方法一模一样)。

使用教程:

1.安装nodejs

nodejs下载:http://nodejs.cn/

2.安装Yarn

因为npm在国内安装很慢,所以需要安装yarn或者cnpm

npm install -g yarn

3.安装脚手架

先创建个空目录,在该目录下执行

yarn create @umijs/umi-app

根据提示选择然后回车执行安装就行了

4.编译启动

先执行进行编译,然后执行运行,最后访问控制台输出的地址

yarn
yarn start

现有的项目使用antd

yarn add antd
相关链接:

项目官网:https://ant.design

Github项目地址:https://github.com/ant-design/ant-design/

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
中国正式进入“超级内卷”时代!只有一种人能赚钱(深度)

中国正式进入“超级内卷”时代!只有一种人能赚钱(深度)

新浪财经
2026-06-23 08:51:12
重磅签约!谢谢你,维金斯!1.1亿降至6400万

重磅签约!谢谢你,维金斯!1.1亿降至6400万

篮球实战宝典
2026-06-30 19:04:23
刘涛去上海出差,想着好久没见孙俪,发微信约晚饭。孙俪回得很快:见面可以,只能中午,四点前必须散。

刘涛去上海出差,想着好久没见孙俪,发微信约晚饭。孙俪回得很快:见面可以,只能中午,四点前必须散。

新浪财经
2026-06-28 02:18:47
我给局长开了3年车,并娶了他的地下情人,新婚夜我才知道赚大了

我给局长开了3年车,并娶了他的地下情人,新婚夜我才知道赚大了

千秋文化
2026-06-26 20:00:22
2026苹果最抢手颜色:樱桃红iPhone 18 Pro测试照片流出

2026苹果最抢手颜色:樱桃红iPhone 18 Pro测试照片流出

IT之家
2026-06-30 16:30:15
迎来第一波“失业潮”的不是教师,不是医生,而是这四个行业!

迎来第一波“失业潮”的不是教师,不是医生,而是这四个行业!

职场资深秘书
2026-06-28 14:27:05
西班牙成唯一遮羞布, 欧洲足球被南美碾压 ,原因让人细思极恐!

西班牙成唯一遮羞布, 欧洲足球被南美碾压 ,原因让人细思极恐!

小莜读史
2026-06-30 18:38:36
李连杰首度公开回应不管前妻两女儿:她们曾被送回北京由奶奶带大,但利智给前妻女儿买房留钱到100岁

李连杰首度公开回应不管前妻两女儿:她们曾被送回北京由奶奶带大,但利智给前妻女儿买房留钱到100岁

背包旅行
2026-06-29 15:13:56
涉案金额过亿 刘应成(原法名释永信)一审被判有期徒刑24年

涉案金额过亿 刘应成(原法名释永信)一审被判有期徒刑24年

每日经济新闻
2026-05-30 00:42:59
央视:12架F-2挂载48枚反舰导弹,日本模拟攻击辽宁舰,挑衅升级

央视:12架F-2挂载48枚反舰导弹,日本模拟攻击辽宁舰,挑衅升级

止戈军是我
2026-06-30 12:34:12
核心基地近乎全灭,美军苦心经营了20年,被伊朗8000发弹炸回原形

核心基地近乎全灭,美军苦心经营了20年,被伊朗8000发弹炸回原形

战域笔墨
2026-06-30 18:37:30
今年高温时间大变!最热不在七月初,熬完20天就凉快

今年高温时间大变!最热不在七月初,熬完20天就凉快

宝哥精彩赛事
2026-06-29 19:08:40
彻查!信号强烈!中央升级反腐“天网”!

彻查!信号强烈!中央升级反腐“天网”!

细说职场
2026-06-30 16:32:50
离谱!维也纳邻居互相举报装中国空调,一台空调卷成政治矛盾

离谱!维也纳邻居互相举报装中国空调,一台空调卷成政治矛盾

福建睿平
2026-06-30 07:38:35
中国为什么总说要扩大消费,却迟迟没有进行大规模收入分配改革?

中国为什么总说要扩大消费,却迟迟没有进行大规模收入分配改革?

阿纂看事
2026-06-30 18:38:12
大坂直美无视温网规矩,穿纯白和服登场,被批“出丑”后打破沉默

大坂直美无视温网规矩,穿纯白和服登场,被批“出丑”后打破沉默

译言
2026-06-30 09:48:13
战局逆转!看完俄乌战场的3大信号,可以负责任地说:俄罗斯悬了

战局逆转!看完俄乌战场的3大信号,可以负责任地说:俄罗斯悬了

旧窗老街
2026-06-29 19:45:07
突发!再见了,詹姆斯!正式离队,湖人生涯结束...

突发!再见了,詹姆斯!正式离队,湖人生涯结束...

詹姆斯吧
2026-07-01 03:12:49
世界杯年老换队!詹姆斯2010到2026先后四次转会,比世界杯还准时

世界杯年老换队!詹姆斯2010到2026先后四次转会,比世界杯还准时

林小湜体育频道
2026-07-01 02:15:53
里子面子都丢了!管不住下半身的任素汐,一场演唱会撕下她的体面

里子面子都丢了!管不住下半身的任素汐,一场演唱会撕下她的体面

阿伧说事
2026-07-01 02:14:18
2026-07-01 03:43:00
小小咪学前端
小小咪学前端
分享写前端的资源及走过的路
7文章数 29关注度
往期回顾 全部

科技要闻

iPhone18 Pro遭泄密!印度代工商惹祸

头条要闻

坎贝尔承认:中国是最成功渡过难关的国家

头条要闻

坎贝尔承认:中国是最成功渡过难关的国家

体育要闻

德国足球,脸都不要了

娱乐要闻

黄晓明沦陷!羡慕周杰伦能降住昆凌

财经要闻

万亿“寒王”,历史时刻

汽车要闻

奇瑞风云A9探店 五个理由一定来看看

态度原创

健康
艺术
数码
手机
公开课

狂吃“糯叽叽”小心肠梗阻!

艺术要闻

18幅 现当代著名画家作品

数码要闻

曝微软停产Surface Go与Surface Laptop Go,无后续机型研发计划

手机要闻

REDMI K90至尊版已正式发布:对比上代,到底有多少区别?

公开课

李玫瑾:为什么性格比能力更重要?

无障碍浏览 进入关怀版