分享几个基于Vue的UI库和开源项目

阅读本文大概需要 3.6 分钟。

题图：Evan You（尤雨溪）的工作室

在编程的世界里，你遇到的 90% 问题，别人都遇到过，并且提供了比较优秀的解决方案。我们无需一行一行代码从零开始创建一个项目，概括来说就是不要重复造轮子。那么从哪里发现好的轮子呢？这里我推荐 Github，Github 上有许多优秀的开源项目可供学习和使用，只需要我们自己去发掘这些优秀项目。本文推荐几个优秀的 Vue UI 库和企业级中后台项目，不多，够我们学习的了。

5 个基于 Vue 的 UI 组件库，帮助你做出更美观的 Vue 应用:

1、Element。Element是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，是开发网站的快速成型工具，截止今天，Github 上的 star 数为 4.57 万，很多热门开源的网站项目都基于 Element 开发。Element 的设计原则是所有的元素和结构需保持一致的风格，比如：设计样式、图标和文本、元素的位置等，同时做好反馈控制，通过界面样式和交互动效让用户可以清晰的感知自己的操作，通过提示组件和友好的图标设计，让用户快速识别而非回忆，减少用户记忆负担，官方网站：https://element.eleme.cn/#/zh-CN。

2、mint-ui。mint-ui 提供了 Vue 的移动端 UI 元素，里面有丰富的构建移动应用程序的 CSS 和 JS 组件，开发移动端应用的可以尝试使用，目前 Github 的 star 数是 1.58 万，fork 数 3.5k，也是非常热门的开源项目，官方网站：http://mint-ui.github.io/#!/zh-cn。

3、iView。iView 是一套基于 Vue 的高质量 UI 组件库，拥有大量实用而美观的组件，非常友好的接口，不同层次水平的开发人员都可以轻松使用，官方文档非常详尽，目前 Github 的 star 数是 2.33 万，官方网站：https://www.iviewui.com。

4、BootstrapVue。BootstrapVue 是 Bootstrap 的 Vue 版本，拥有超过 40 个可用的插件，80 多个自定义组件，及 670 多个图标，为 Vue.js 提供了Bootstrap v4 组件和网格系统最全面的实现，并配有广泛和自动化的 WAI-ARIA 辅助功能标记。目前 Github 的 star 数是 1.17万，fork 数 1.6k。官方网站：https://bootstrap-vue.org。

5、ant-design-vue。ant-design-vue 是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品，是企业级桌面应用程序的 UI 设计系统，拥有一套高品质的Vue 通用组件，和 Ant Design of React 共享设计资源，目前 Github 的 star 数是 1.06 万，fork 数 1.6k。官方网站：https://antdv.com。

2 个基于 Vue 的 企业级管理系统，帮助你做出更强大好用的管理系统:

1、vue-element-admin。vue-element-admin 是一个后台管理的前端解决方案，基于 Vue 和 element-ui 实现。它使用最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。Github star 数量为 5.6万，链接：https://github.com/PanJiaChen/vue-element-admin。

2、iview-admin。iview-admin 是基于 iView的Vue2.0 后台管理系统模版，是前端管理系统的集成解决方案，功能有登录登出、权限管理、国际化、组件、表单、表格、路由、换肤等各种解决方案，功能与 vue-element-admin 大致相同，vue-element-admin 基于 element-ui，iview-admin 基于 iView，都是优秀的前端模版。截止目前，Github star 数量为 1.48 万，链接：https://github.com/iview/iview-admin。

这些项目的作者或团队都是前端领域非常优秀的，学习使用他们的作品之外，了解下作者的故事，也是非常有趣的，从他们的言论中，我们可以看到顶级程序员的世界。