乐趣区

关于javascript:Varlet-UI-基于-Vue3-的免费开源-Material-风格移动端-UI-组件库被尤雨溪阮一峰推荐


一款优良的国产挪动 UI 组件库,基于 Vue3,还被尤雨溪举荐了,值得关注。

对于 Varlet

Varlet 是一个基于 Vue3 开发的 Material 格调挪动端组件库,自 2020 年 4 月 21 日正式公布 1.0 版本以来,曾经继续保护了将近一年的工夫。

Varlet 的作者是一位专科毕业、来自四川在无锡工作的前端开发者。因所在公司打算开发某个与 Vue3 相干的组件库,他挺身而出包揽下这个活。起初公司思考老本、投资回报等起因不打算持续提供反对,作者联结两位好友持续欠缺上来,倒退至今曾经领有十多个因为趣味和谋求而一起保护的小伙伴。酷爱可抵岁月漫长,这可能就是开源的魅力所在。

起初 Varlet 不仅取得阮一峰老师的举荐,同时也失去了国内外开源技术社区的认可,其中 Vite 外围团队的 Antfu 大神也承受了这个组件库的 PR。在 Vue3 的 2021 年度总结分享会上,Varlet 还被 Vue.js 的作者尤雨溪举荐了,是一个十分值得关注的前端开源我的项目。

Varlet 技术个性

  • 提供 50 个高质量、轻量的通用组件
  • 由国人开发,并且提供欠缺的中 / 英文档
  • 反对按需引入和主题定制,反对暗黑模式
  • 反对国际化
  • 反对 webstorm,vscode 编辑器的组件属性高亮
  • 反对 SSR 服务器端渲染
  • 反对 Typescript
  • 确保 90% 以上单元测试覆盖率

Material Design 格调挪动组件库

Varlet 是一款挪动端 UI 组件库,实用于开发挪动 web 利用或者通过 Vue Native 来开发安卓或 iOS 利用。

设计外观上,Varlet 这个组件库是基于谷歌的 Material Design 设计规范进行设计的,提到 Material Design,大部分 UI 组件库都是国外的,无论是文档还是社区,都让局部开发者头痛,Varlet 开发团队参考国外技术社区的成品以及联合国内开发者感兴趣的 api 构建,做出了一款本地化的 Material Design 格调组件库。

挪动端有很多像 Vant、uView UI 这样优良的 UI 组件库,而 Material Design 格调的挪动端组件库绝对较少,如果心愿产品格调有特色,在意交互动效的细节,或者要上架谷歌商店的利用,Varlet 都值得抉择。

开发上手体验和感触

Varlet 官网的文档都是由母语是中文的开发者写进去的,是国外的组件库所不能比较的。代码例子丰盛,清晰易懂,开发体验不错。

装置 Varlet 非常简单,通过 CDN 引入的形式,引入 varlet.js 一个文件就蕴含组件库的所有款式和逻辑:

当然也反对 Webpack / Vite 工程化:

官网也提供了在线代码编辑工具,不便咱们疾速体验 Varlet。

Varlet 领有数十个罕用的挪动端组件,像骨架屏、导航栏、索引栏等比较复杂难写的组件,体验都很好。同时反对按需引入组件,能够大幅减低打包体积,这对挪动端我的项目很重要。

Varlet 还有很多不错的个性,比方也反对 Vue2,具体能够拜访官方网站去理解。

收费开源阐明

Varlet 是一款收费开源的挪动端 UI 组件库,源码基于 MIT 开源协定托管在 Github 上,任何集体和公司都能够收费下载应用,包含用在商业我的项目上。

Varlet 援用的图标库是雷同格调的 Material Design Icon,数量很多,不必放心不够用,并且同样是收费开源的。

相干网址:https://www.thosefree.com/var…

退出移动版