前端练手项目集合

整理一些热门的前端开源项目，包括vue2.X、vue3.X、react等

1、若依 / RuoYi-Vue
项目地址：https://gitee.com/y_project/RuoYi-Vue

若依管理系统是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。前端采用Vue、Element UI。

2、vue-manage-system
项目地址：https://github.com/lin-xin/vue-manage-system
基于 Vue3 + Element Plus 的后台管理系统解决方案。

3、newbee-mall-vue3-app
项目地址：https://github.com/newbee-ltd/newbee-mall-vue3-app
newbee-mall 项目是一套电商系统，包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统，基于 Spring Boot 2.X 和 Vue 以及相关技术栈开发。 

4、vue2-elm
项目地址：https://github.com/bailicangdu/vue2-elm
仿照饿了么点餐的vue项目。此项目大大小小共 45 个页面，涉及注册、登录、商品展示、购物车、下单等等，是一个完整的流程。技术栈：vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg。

5、ant-design-pro
项目地址：https://github.com/ant-design/ant-design-pro
Ant design pro集成了React,Dvajs,umijs,是一个中台前端/设计解决方案,使用了Antdesign的ui框架,它可以帮助你快速搭建企业级中后台产品原型。

6、vue-admin-better
项目地址：https://github.com/chuzhixin/vue-admin-better
一个后台管理系统，开源版本支持免费商用，有40多个单页，RBAC 模型 + JWT 权限控制，良好的类型定义，跨平台 PC、手机端、平板，后端路由动态渲染
组件库，Vue2使用的是element-ui，Vue3有使用element-plus和ant-design-vue。

7、element-plus
项目地址：https://github.com/element-plus/element-plus。
一个Vue3的UI组件库；知道Vue的应该都是知道element，element-plus就是element的Vue3版本

8、ant-design-vue
项目地址：https://github.com/vueComponent/ant-design-vue/
ant-design-vue和element-plus一样，算是比较知名的比较老的组件库一直延续下来的，也是尤雨溪多次推荐的组件库之一，它是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步，组件的 html 结构和 css 样式也保持一致，真正做到了样式 0 修改，组件 API 也尽量保持了一致，支持服务端渲染

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

10、飞冰ice
项目地址：https://github.com/alibaba/ice
基于 React 的应用研发框架 icejs，支持 Vite & Webpack 模式，同时提供了微前端、Hooks、一体化等解决开发，让前端开发更加简单规范。

11、vue-vben-admin
地址：https://gitee.com/annsion/vue-vben-admin.git
这是一款基于vue3.x+element+ts后台管理系统开源项目，开箱即用。但是首次使用的话最好是分析下源码思路，对后期开发效率才有更大的帮助。

12、iView
项目地址：https://github.com/iview/iview
一套基于 Vue.js 的高质量 UI 组件库。