【前端】Ant Design Pro和Arco Design Pro非技术对比

已于 2022-02-14 12:00:07 修改
阅读量4.8k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： 前端 中后台前端
于 2022-02-14 11:59:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/MacwinWin/article/details/122921669
本文对比了AntDesignPro和ArcoDesignPro两个流行的中后台前端框架。AntDesignPro在React、Vue和Angular上都有支持，而ArcoDesignPro仅支持React和Vue。根据社区反馈，两者在设计系统、易用性和生态系统方面各有优势。在选择时，需考虑项目的技术栈和团队偏好。

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

最近公司要从Ant Design Pro和Arco Design Pro中选择一个作为中后台前端，非技术简单对比一下

stars数量

在这里插入图片描述

图片地址

中后台前端效果

在这里插入图片描述
Ant Design Pro
在这里插入图片描述
Arco Design Pro

各框架支持情况

类型ReactVueAngular
Ant Design Pro✅✅✅
Arco Design Pro✅✅❌

各方评价

https://www.v2ex.com/t/810618

https://www.uisdc.com/2-b-end-design-system

https://www.zhihu.com/question/494652270

Vue3的福音框架：Arco.Design
m0_70066267的博客
08-13 4232
主题变量：使用Arco.Design提供的CSS变量来自定义主题。你可以在你的全局样式文件中覆盖这些变量，以改变颜色、字体等样式属性。主题构建工具：如果你需要更复杂的主题定制，可以使用Arco CLI工具来生成自定义主题。这允许你更精细地控制组件的样式，并生成一个与你的品牌一致的主题包。
12 款在手，前端无忧——Vue UI 组件库
rainux
12-20 2620
今日分享下同事推荐的十二款VUE UI组件库，方便前端开发的伙伴们参考。
基于Vue三大互联网企业级开箱即用中后台解决方案对比字节跳动Arco Design Pro,蚂蚁集团Ant Design Pro和腾讯TDesign Starter
天天打码-16年老码农
10-10 8821
Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。都是后面出来，bug比较少，Ant Design Pro有小bug。
Arco Design Pro Vue 项目中 keep-alive 失效问题解析
最新发布
gitblog_07611的博客
06-26 290
Arco Design Pro Vue 项目中 keep-alive 失效问题解析 问题现象 在 Arco Design Pro Vue 项目中，开发者发现 page-layout.vue 页面的 keep-alive 功能无法正常工作。即使按照官方文档在路由配置中设置了 meta.ignoreCache: false，页面仍然无法被缓存。 问题根源 经过深入排查，发现问题的根本原因在于组件命名与...
字节B端设计规范ArcoDesign和AntDesign有何不同？
aimeeth的博客
09-14 707
也就是说，Arco Design 导航布局更像是 C 端化的 B 端产品，而 Ant Design 导航布局更像是纯粹的 B 端产品，这也确实很符合字节和蚂蚁的业务情况。不管是哪种分组方式，我相信两个设计规范都是支持的，只是可以看出 Arco Design 更加喜欢清晰、扁平化的信息呈现，而 Ant Design 更加追求整洁有序。如果是复杂的产品，会更加需要一些。以顶导航为例，Arco Design 的图标都用浅灰圆框包起来了，而 Ant Design 的图表都是简单的线条。这主要体现在浅灰色的运用。
arco design 或者ant des... 关闭原本table分页，自写分页
shi19970609的博客
05-06 1156
1. :pagination="false" 关闭原有分页。2.引入分页设置事件及参数（页数，页码，总数）
【坑点预警】字节后台框架 arco.design
Mason Hu
01-29 8650
字节跳动出品的企业级设计系统 长在审美上的框架Arco.design 环境安装 npm i -g @arco-design/arco-cli 安装 进入到一个文件夹，新建项目 cd someDir arco init hello-arco-pro 选择 技术栈 ? 请选择你希望使用的技术栈 React ❯ Vue 选择 arco-design-pro 分类 ? 请选择一个分类 业务组件 组件库 Lerna Menorepo 项目 ❯ Arco Pro 项目 遇到这个问题删除根目录下的
ant-design-vue好还是Arco design
03-13
### Ant-Design-Vue 和 Arco Design 的特点、优势与劣势 #### 特点对比 Ant-Design-Vue 是由蚂蚁金服推出的基于 Vue.js 的 UI 组件库，继承了 Ant Design 设计理念和设计语言[^1]。而 Arco Design 则是由阿里巴巴...
Vue3与arco-design实战：前端新手快速入门后台系统
2. arco-design组件库：arco-design是一套基于Vue3的高质量组件库，它遵循Ant Design的设计规范，提供了一整套经过设计和优化的UI组件，帮助开发者快速搭建美观、一致的用户界面。arco-design的组件库包含了各种常用...
一款基于Vue的低代码可视化表单设计器工具，6K star的可视化表单设计器工具，轻松搞定表单，支持多端适配（附源码）
m0_68103752的博客
09-03 1899
一款基于Vue的低代码可视化表单设计器工具，它通过数据驱动的方式实现了表单的动态渲染。用户仅需通过直观的界面即可快速构建出功能完备的表单，极大地提高了开发效率，减少了开发时间和成本。
后台管理系统UI组件库大比拼：Element UI、Ant Design、Arco Design与Naive UI深度解析
chenchuang0128的博客
03-30 682
Element UI是基于Vue 2.0构建的一套桌面端组件库，专为开发者、设计师和产品经理设计，旨在简化后台管理系统的开发流程。
Element UI、Ant Design、Arco Design与Naive UI：企业级UI组件库深度解析
chenchuang0128的博客
04-27 1589
在前端开发的浪潮中，UI组件库作为加速开发进程、确保界面一致性的关键工具，其选择直接关系到项目的开发效率、用户体验及后期维护成本。本文深入剖析Element UI、Ant Design、Arco Design及Naive UI四大企业级UI组件库的特点、优势、劣势、适用场景及应用案例，旨在为开发者提供一份详尽的选型指南。
小蚂蚁云后台管理系统|XiaoMaYi
xiaomayios的博客
10-21 1381
基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、ElementPlus、MySQL等技术栈实现的单体前后端分离后台管理系统；
vue3的福音框架arco.design
浩星
01-11 4885
在vue2于2023年底正式宣布不在维护，vue3使用越来越频繁的时刻，我们实现项目的辅助框架也越来越多。element, iview, antd 等经典框架继续风靡一时，不过也有很多好的框架，功能也强大，比如我们今天说的主角 arco.design ，他是字节跳动的产品，从2022到今天，经历了时间的检验，他的ui性能，功能的扩展都是很强大的，这里说说他的使用。
9个大厂的UI组件库，以后前端攒页面不愁啦！
2401_82616673的博客
02-19 7154
组件库是可以重复使用的界面设计元素的集合体，有时候需要快速搭建产品，从UI设计开始来不及，前端就得先跑起来，贝格前端工场为大家精选了9个大厂的UI组件库，都是免费的。
前端人必知的七大UI组件库！
半截短袖的博客
09-04 1909
今天给大家分享一下前端人必知的，这些组件库相信有不少的小伙伴正在使用。每个组件库的来源背景和风格功能都不尽相同，值得大家尝试一波。
常见前端组件库分享，原型UI设计均可用（2024持续更新）
lynsuu的博客
03-12 1010
组件库是可以重复使用的界面设计元素的集合体，是保证产品输出一致的规范基础，好用的UI组件库，可以为产品经理、设计、前端开发等提供便利。
Vue3的福音框架 Arco.design 特点是什么？
sobaozang的博客
08-09 2351
Vue3中的ArcoDesign组合式API提供了一种新的编程范式，使得代码更加模块化和易于维护。。实战案例：通过实战案例展示了Arco Design组合式API在构建模态框等复杂组件时的强大功能7。
2024 年最值得推荐的 7 个 Vue3 组件库
kagol的博客
12-11 3641
马上 2024 年啦，给大家推荐 7 个好用的 Vue3 组件库，如果你的项目正在使用 Vue3，或者打算升级 Vue3，这些 Vue3 组件库或许是不错的选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值