Vue3发布后,各家第三方库开始陆续重构并支持 Vue3 ,国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue3。Element Plus 和 Ant Design Vue 都是基于 Vue.js 的 UI 组件库,它们具备一系列可复用的组件和丰富的功能,并且是当前国内主流的两个 UI 组件库。

(1)Element Plus 是饿了么前端团队推出的开源项目,是对 Element UI 的升级版。它采用了 TypeScript 编写,提供了一套易于使用、响应式的组件,支持自定义主题、国际化等特性。Element Plus 的设计风格简洁明快,适用于企业级应用界面的构建。

(2)Ant Design Vue 是 Ant Design 的 Vue 版本,由阿里巴巴前端团队开发和维护。它是一个成熟的 UI 组件库,以设计原则、可访问性和用户体验为核心,在提供美观、高效、易用的组件和布局的同时,也包含了丰富的样式和配套工具,帮助开发人员快速构建精美的界面。

Vue3前端框架到底应该怎么选择呢?本文从多个纬度对element-plus和ant-design-vue两个框架进行对比和测评。

1、协作开发指数

开源项目作为人类群体智能的典型表现,是否能够建立协作式的开发管理,是促成项目成功的关键要素。而代码,作为一个软件项目的最终输出件,是整个社区的核心内容。

02-协助开发指数

2、代码参与者数量

在过去 90 天内有多少活跃的代码提交者、代码审核者和 PR 提交者。

03-代码参与者

3、代码提交频率

过去90天内平均每周代码提交次数。

04-代码提交频率

4、代码提交关联 PR 的比率

在过去90天内提交的代码链接PR的百分比。

05-代码提交RP比率

5、社区服务与支撑

该模型用于评估开发者在贡献过程中,直接感知到的社区提供的服务和支撑做得如何。之所以强调直接感知,是因为社区提供的许多底层服务,例如开发涉及的Devops基础设施同样是构建社区服务的关键元素。

06-社区服务支撑

6、更新 Issue 数量

过去90天 Issue 更新的数量。

07-更新Issue数量

7、关闭 PR 数量

过去 90 天内合并和拒绝的 PR 数量。

08-关闭的RP数量

8、社区活跃度

活跃度用来描述一个开源社区或者项目的活跃程度。为了使一个开源项目持续发展,必须在首次发布后进行持续的维护和改进。活跃度展示了一个项目随着时间的推移持续展开的工作有多少。

09-社区活跃度

9、组织活跃度

该模型用于评估社区中组织(商业公司、高校等)的活跃程度。对于一个开源项目,尤其是对于平台型软件项目,越多的组织参与到社区贡献,表明社区的生态构建是朝向繁荣方向发展的。

10-组织活跃度

10、总结

Element Plus和Ant Design Vue两者都是优秀的前端 UI 框架。我们通过对这两个开源项目的生产力、稳健性和创新力进行了评估(以上数据来源于https://oss-compass.org/compare/s5jyxysy..sa7fu6v6?range=6M#topic_overview),相关指数显示 Element Plus 在各个方面均领先于 Ant Design Vue。

01-概览

Vue3开发功能在线体验:http://www.softaicloud.com