玖叶教程网

前端工具推荐Vue ui 大法哪家强？

前端工具推荐Vue ui 大法哪家强？

前端工具推荐Vue ui 大法哪家强？

1、前端工具推荐：

### XD 工具

https://www.fancynode.com.cn/pxcook

### 下载Sketch插件

https://www.fancynode.com.cn/flavor

### 前端统一UI

移动端商城（参考 有赞 商城组件）：https://youzan.github.io/vant-weapp/#/goods-action

移动公共组件库（H5）：http://mint-ui.github.io/docs/#/en2/navbar

### 后台管理系统(PC端) UI 组件库：

1：https://element.eleme.cn/#/zh-CN/component/installation

2、https://ant.design/docs/react/introduce-cn

Element iView Vux Mint UI Vant cube-ui，对比六大 vue ui 组件库，选中最适合的那个。

Element(pc)

介绍 & 版本

饿了么前端团队开发的桌面端组件库，当前最新版本：2.4.8

Star：32.067k

项目特色

1. 团队维护支持三个版本：vue、react、angular支持 Nuxt.js常规支持：多语言、自定义主题、按需引入、内置过渡动画文档详细，组件齐全支持响应式布局，提供基于断点的隐藏类适合常规 pc 端项目

样式

类名大量使用计算属性，css 和主文件分离单独一个文件

官网地址

Element

GitHub 仓库地址

Element github

iView(pc)

版本介绍

主要服务于 PC 界面的中后台产品，当前最新版本：3.x

Star：18.086k

项目特色

1. 团队维护支持： Nuxt.js、TypeScript、Electron常规支持：多语言、自定义主题、按需引入文档详细，组件齐全支持响应式布局UI 比较美观适合常规 pc 端项目，皮肤美观

样式

less 计算属性 前缀嵌套

官网地址

iView

GitHub 仓库地址

iView github

Vux(mob)

介绍

类似微信样式的移动端组件库，当前最新版本：2.9.2

Star：14.358k

项目特色

1. 个人维护支持 Nuxt.js支持自定义主题组件样式仿照微信适合微信端移动项目

样式

less 长类名区分

官网地址

Vux

GitHub 仓库地址

Vux github

Mint UI(mob)

版本介绍

饿了么前端团队开发的移动端组件库，当前最新版本：2.2.7

Star：12.583k

项目特色

1. 团队维护真正做到了按需引入，每个组件有单独的包CSS3 处理各种动效组件齐全适用于移动端常规项目

样式

scss、template、script、css 都在一个文件中，长类名区分

官网地址

Mint UI

GitHub 仓库地址

Mint UI github

Vant(mob)

版本介绍

有赞团队开发的移动端组件库，当前最新版本：1.3.10

Star：6.31k

项目特色

1. 团队维护有多个版本：小程序 UI => Vant Weapp、PC 端 React UI => Zen支持 SSR常规支持：多语言、自定义主题、按需引入文档详细，组件齐全适用于移动端商城购物类网站

样式

scss、BEM 类名命名法

官网地址

Vant

GitHub 仓库地址

Vant github

cube-ui(mob)

版本介绍

滴滴团队开发的移动端组件库，当前最新版本：1.11.2

Star：4.296k

项目特色

1. 团队维护支持后编译常规支持：多语言、自定义主题、按需引入文档详细，组件齐全扩展性强，可以方便地基于现有组件实现二次开发适合移动端需要扩展的项目，或者引用框架部分源代码组合成自己的 ui 组件库

样式

scss、BEM 类名命名法

官网地址

cube-ui

GitHub 仓库地址

cube-ui github

搜搜，，

各有千秋，各有特色，挑你喜欢的上??。