前端常用的组件库

Vue2

组件库们

• Element ：
  https://element.eleme.cn/#/zh-CN/component/select
  主用于后台项目

• Vant ：
  https://youzan.github.io/vant/#/zh-CN/
  主用于移动端项目

• uView:
  https://v1.uviewui.com/components/grid.html
  使用 uniapp 开发时

Vue3

组件库们

• Element- plus:
  https://element-plus.gitee.io/zh-CN/component/button.html
  主用于后台项目
  使用框架 ： http://vue-admin-beautiful.com/admin-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=#/vab/icon/remixIcon

React

组件库们

• Ant Design:
  https://ant.design/components/overview-cn/
  这是一个可以用来快速设计后台 / 内部应用的 UI 库。它拥有一个社区、大量支持文档，还有一个带有预制模板的单独项目AntDesignPro。
  AntDesign的缺点主要有三点：一是缺乏可访问性；二是体积很大，预计会对性能产生较大影响；三是会污染你的 CSS。

• Bootstrap:
  https://ant.design/components/overview-cn/
  它可以看作是一个UI库，虽然不会帮你赢得任何设计奖项，但可以用来完成一些边缘项目和最小可行产品。
  不过这取决于你要使用它的目的，如果你不熟悉 React，那么它是一个很好的入门库。但对于经验更丰富的开发人员来说，他们可能会去研究 styled-components / Emotion。
  Bootstrap 的优点主要有五点：一是能快速上手；二是拥有两个带有 React 绑定的 Bootstrap 库；三是能通过 CSS-in-JS 轻松自定义；四是已经流行了足够长的时间了，因此不必担心一些错误 / 问题的发生；五是没有 jQuery 依赖，因为它已在 React 中完全重新实现。
  Bootstrap 的缺点是，如果你不做自定义，那么你的网站将和其他网站没什么区别。

常用的icon图标库

阿里巴巴矢量图标库（下载时需登录账户）： https://www.iconfont.cn/