关于ui:达内UI全链路设计2022年最新完结无秘

42次阅读

共计 2402 个字符,预计需要花费 7 分钟才能阅读完成。

download:达内 -UI 全链路设计 -2022 年最新完结无秘

nt Design Vue 是一个十分成熟的框架,应用 Ant Design Vue 创立用户界面非常简单,这些组件能够适应各种图标款式、字体和彩色主题。Ant Design Vue 不断改进其 60 多个组件,根本笼罩我的项目大部份需要,而且使它们变得更好,更易于拜访。

Vue3 上的 Ant Design 包更小,感觉更轻,并且反对 SSR(还包含组合 API),Ant Design 领有成熟的简单组件,如数据表、统计框、pop 确认、模态和弹出窗口。
Ant Design Vue 在 GitHub 上领有 15k+ 颗星,每周下载量为 49k,数据曾经阐明了它的受欢迎水平。
BalmUI
官方网站:next-material.balmjs.com/#/
BalmUI 曾经公布了他们的 9.0 版本了,该版本反对 Vue3。Balm 基于谷歌的 Material Design,这就是为什么它看起来很相熟。Balm 附带 Vue 插件和指令,以及从简略到简单的高度可定制的组件。

BalmUI 倒退十分迅速,如果想应用 Material Design 格调,应用简单的内置指令(如 debouncing 和 UI 波纹)在创立自定义组件时能派上用场,那么它非常适合 Vue3 我的项目。
Wave UI
官方网站:antoniandre.github.io/wave-ui/
WaveUI 在 Vue3 公布后进行了良好的定位,WaveUI 的开发是在 Vue3 仍处于 alpha 阶段时就开始了,其指标是在其 API 稳固后立刻反对它,使其成为首批 Vue3 UI 框架之一。

WaveUI 领有 40 多个丑陋且响应迅速的组件,它们的范畴从旋转器到日历,以及介于两者之间的任何货色。WaveUI 还提供实用程序、可定制性和成熟的集成表单验证性能。
WaveUI 提供的组件十分丑陋,动画成果也十分好,它的格调在整个框架中是统一的。企业级响应式 Vue3 应用程序不错的抉择。
Vuestic
官方网站:vuestic.dev/
Vuestic 是 Vue 最丑陋的开源治理面板之一,善于编写可保护的 Vue 代码,制作灵便的组件和接口。

该团队最近公布了 Vuestic 的 Vue3 版本,蕴含了风行的 Vuestic Admin UI 和更多的组件。Vuestic 强调它对键盘导航的开箱即用反对,因为它提供的用户体验,这个个性在前端社区很受欢迎。
Vuestic 提供了 50 多个具备独特性能和宽泛可配置性的组件,应式设计,这些组件简直实用于所有屏幕分辨率。Vuestic 在整个框架中提供无缝翻译反对和键盘可拜访性。
Vuestic 曾经凭借其丑陋的组件目录确立了本人作为最好看的 Vue3 UI 框架之一的位置。他们当初正在加快步伐创立更简单的组件,例如日期选择器或数据表,它们必定会像他们以后的产品一样具备创造性。
Element+
官方网站:element-plus.org/#/zh-CN
Element+ 曾经在 Vue2 中声名鹊起,Element+ 为 Vue3 带来了大量不引人注目的组件,创立一个非常复杂的应用程序所需的大部分内容都曾经制作实现并可供使用。Element+ 提供成熟的日期和工夫选择器、树、工夫线和日历组件。

Element+ 甚至提供开发人员在构建 UI 界面时可能须要的最轻微的部件,从简略的动画到框架范畴的国际化零碎,能够与 i18n 配对应用以创立自定义翻译,甚至增加非内置语言。
Element+ 在 GitHub 上领有 11.1k+ 颗星,正在成为 Github 上最受欢迎的 Vue3 UI 框架之一,它以杰出的问题治理、及时更新、可插入组件和通过 SCSS 变量的高定制性达到了开发者的冀望。
Ionic
官方网站:ionicframework.com/docs/vue/ov…
Ionic 是最早提供 Vue3 反对的 UI 框架之一,Ionic 更偏向于挪动 UI,团队晓得如何投合和保护一个优良的 UI 框架。

Ionic Vue 是一个很成熟的框架,有一个令人震惊的社区、大量的 StackOverflow 问题、企业反对和一个领有核心成员的大型 Slack 频道,这使得能够在须要帮忙时轻松取得反对。
Ionic Vue 框架在 Github 上有 45k+ 颗星,曾经被很多大公司应用,包含空客(Airbus)和艺电(Electronic Arts),而 Ionic 的团队以善于保护他们的 UI 框架而闻名,这是当初和将来的一个很好的抉择。
Naive UI
官方网站:www.naiveui.com/zh-CN/os-th…
Naive UI 在 Twitter 上公布,而后被 Vue 的创建者转发,给这个新生的组件库带来了大量流量。当初,Naive UI 在不到三个月的工夫里就在 GitHub 上取得了 5.1k 颗星。

它提供了 70 多个制作精良的组件,这些组件能够无缝地融入简直任何类型的 Vue3 利用。Naive 的组件性能优异,可定制性极强,并反对 TypeScript,提供了很棒的开发体验。
文档网站易于浏览,并具备残缺的自定义输出,可帮忙开发人员预览组件在他们本人的主题中的外观。能够应用这些选项来创立本人的带有色彩图案和字体的残缺主题。这个定制的主题能够下载并轻松增加到应用程序中以笼罩默认值。
Quasar
官方网站:next.quasar.dev/
Quasar 是一个残缺的、以性能为核心的框架,可帮忙构建 Vue 用户界面(SPA、PWA、SSR、挪动和桌面),除了 Vue、Node 和 Webpack,Quasar 还蕴含 Cordova、Capacitor 和 Electron,它们能够帮忙构建桌面和挪动体验,而无需独自学习。

Quasar 框架仿佛是基于 Material Design,然而一旦开始,所有都能够很好地定制以适应本人的设计体系。
对 Vue3 反对也很迅速,而且 Quasar 曾经公布了简直所有的 v1 组件、插件和指令。此外,他们还公布了可组合组件,帮忙开发人员更深刻地理解 Quasar API。作者:天行无忌链接:

正文完
 0