前端UI组件：移动端和PC端

1.移动端UI组件库

1.Vant :https://youzan.github.io/vant/#/zh-CN

Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。

目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。

2.Cube UI: https://didi.github.io/cube-ui/#/zh-CN

cube-ui 是基于 Vue.js 实现的精致移动端组件库。

由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。

以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。

遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。

3.Mint UI: http://mint-ui.github.io/#!/zh-cn

基于 Vue.js 的移动端组件库

Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。

真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。

依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

4.京东移动端：https://nutui.jd.com/

NutUI 是京东风格的移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用，帮助研发人员提升开发效率，改善开发体验

2.PC端组件库

1.ElementUI :https://element.eleme.io/

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

2.IView UI:https://www.iviewui.com/

一套基于 Vue.js 的高质量UI 组件库

• 70+ 高质量组件，覆盖移动端主流场景
• 支持一套代码同时开发多端小程序+H5
• 基于京东APP 10.0 视觉规范
• 支持按需引用
• 支持定制主题，内置 700+ 个主题变量
• 国际化支持
• 单元测试覆盖率超过 80%，保障稳定

3.Material UI: https://mui.com/

世界上最受欢迎的 React UI 框架。

4.React Bootstrap： https://react-bootstrap.github.io/

React-Bootstrap 是可重用的前端组件库。与 Twitter Bootstrap 一致外观与感受，但通过 Facebook 的 React.js 框架获得更清爽的代码。

5.Ant Design： https://ant.design/

Ant Design，一套企业级 UI 设计语言和 React 组件库。

官网地址：https://pro.ant.design/index-cn

该套模板是使用了React开发框架作为基础，AntDesign（蚂蚁金服开源UI组件库）作为UI库，集成了Dva，Umi，Mock等库，如果不是很了解这些内容，门槛还是比较高的，下面我们梳理一下从零开始运行起来这个项目的过程。