GitHub最火的开源 VUE Admin 前端脚手架们 hello 大家好，欢迎大家来到osrc社区，osrc基于云原生赋能开发者，可以让大家以运行时形态分享作品的开源运行时社区。vue是前端最热门的开发框架之一，vue admin前端脚手架可以说是我们每个基于vue开发的同学的项目必备，基于一个快速前端开发脚手架，我们可以快速开发出业务功能页面，而不用去考虑UI库，http库，路由库的选型。所以一个好的前端脚手架对大家来说十分重要。在这么多市面上五花八门的脚手架中，我们怎么去选择，万一没有选对，又投入了很多精力基于它已经进行了业务开发，到后面才发现是个大坑，后续的维护升级难上加难，更有可能遇到开源作者停更的风险。所以这一篇文章中，我们为大家看遍了几乎所有有一丢丢名气的基于vue的前端脚手架，根据社区活跃度，功能特性，UI舒适度，代码质量，技术选型等五个维度，把我们认为的最值得推荐的4款vue前端脚手架部署到了osrc开源社区，推荐给大家。好话不多少，上货。 免责声明哦 嗯，上货前的免责声明，以上推荐评判我们会尽量基于客观，但不能保证我们推荐的就是对的，没有最好的框架，只有对特定实际项目的最合适的框架。所以说万一你用着用着觉得推荐的框架不好，**不要来打我们哦**。 1. Antd Vue ProOSRC https://www.osrc.com/tomsun28/projects/project_843556662112202752 Github [https://github.com/vueComponent/ant-design-vue-pro](https://github.com/vueComponent/ant-design-vue-pro) 9.8k MIT Antd Vue Pro是基于 `Ant Design ui`的免费开源中后台前端/设计解决方案，也就是蚂蚁官方出品的基于Ant Design开发的admin后台管理系统。MIT开源协议免费不限制商用，目前GitHub star数量9.8K，贡献者数量49- **界面优雅美观** 基于 Ant Design 体系精心设计，适应各种屏幕宽度- **开箱即用** 提炼了中后台应用的典型页面和场景- **支持国际化，支持一键换肤**，可配置的主题满足多样化的品牌诉求- **开发体验优秀** 使用 Vue/vuex/antd 等前端前沿技术开发，良好的工程实践帮助产出高质量代码- 支持 **Mock 数据模拟，支持 UI 测试自动化测试**社区活跃，代码质量高但基于js而非现在三大框架都推崇的ts，中文友好，开发文档完善，官方出品，**推荐指数 4.5 颗星** 2. vue-vben-admin OSRC https://www.osrc.com/osrc/projects/project_809472244498628608 Github [https://github.com/vbenjs/vue-vben-admin](https://github.com/vbenjs/vue-vben-admin) 14.5k vue-vben-admin在我们之前一期视频中介绍过，它也是基于阿里 Ant Design Ui库构建的后台解决方案，为中大型项目开发提供开箱即用的脚手架。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。用的前端技术栈vue3, vite, typescript都很新，也很适合前端项目学习。****MIT开源协议免费不限制商用，目前GitHub star数量14.5K，贡献者数量154**** 中文友好，高颜值，社区活跃，开发文档完善，网上有多人评价代码有点过度封装，但个人感觉他把代码模块分离做的挺好，可能不易于快速上手吧，不适合小型项目，这个项目的定位本身就是中大型项目。**推荐指数依然 4.5 颗星。** 3. vue-element-adminOSRC https://www.osrc.com/tomsun28/projects/project_823216450521825280 Github [https://github.com/PanJiaChen/vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) 79k [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)是一款在GitHub上拥有超高star数量的后台前端解决方案，它基于 vue和 element-ui 实现。内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，可以快速搭建企业级中后台产品原型。**和前两个开源项目不一样的是它使用的是element-ui，这也是一个非常好很火的老牌UI库。**[vue-element-admin](https://link.zhihu.com/?target=https%3A//panjiachen.gitee.io/vue-element-admin-site/zh/)目前拥有高达79k的GitHub star，贡献者数量123。开发文档完善，也是国内开发的中文友好，但社区不是活跃的了，目前最新的代码提交在6个月前的2022年4月11日，**需要注意有停更风险⚠️**。MIT开源协议免费不限制商用。**推荐指数 1 颗星**，因为社区不活跃有停更风险，这时候上车不太明智，但毕竟很好的项目，如果你相信自己的能力能conver住后面的风险也没问题。 4. vuestic-admin OSRC https://www.osrc.com/tomsun28/projects/project_823246076581281792Github [https://github.com/epicmaxco/vuestic-admin](https://github.com/epicmaxco/vuestic-admin) 8.9k 55 首先Vuestic UI 是一套由 国外团队 *Epicmax* 开发的一套基于 [Vue](https://www.thosefree.com/tag/vue)3 的 web 开发组件库，然后基于这套组件库，官方又开源出来对应的前端后台管理开发脚手架 vuestic-admin。提供大量的高颜值模版页面，自适应优化做的非常好，代码质量高。开源社区活跃，且由国外的团队贡献，降低了碰到了国内某些大厂的kpi开源项目的弃坑风险，但中文没有前几个项目那么友好，上手有一定门槛。****MIT开源协议免费不限制商用。适合轻量级的快速开发项目。推荐指数 4颗星。**** 5. iview-adminOSRC https://www.osrc.com/tomsun28/projects/project_823202688725188608Github [https://github.com/iview/iview-admin](https://github.com/iview/iview-admin) 16.2k 2019 放弃 iview 在18年左右的时候是非常火的一款UI库，可以说很多基于vue技术栈的公司都采集用iview，今天这个iview-admin也是官方基于 iview推出的前端开发脚手架。iview-admin的优点有很多，但有个致命的缺点，他已经不维护了。GitHub上观察到最近的代码提交时间要追溯到3年前2019，iview UI库的更新也在两年前停止，不知道什么原因作者出了官方分叉版本 ViewUI库，最新更新也停在了去年。 Iview admin 基于MIT开源协议免费不限制商用， github star 24k+, 贡献者157+，总之很好的开源项目，就这么不停止维护有点可惜。**推荐指数 0 颗星。****好 总结下我们这个视频给大家介绍了几款或在曾经，或在现在很火的开源前端admin开发脚手架。也希望这p不会给大家带来唯技术论的观点，没有最好的前端框架技术，只有在特定场景最合适的技术。好，如果大家喜欢今天这个文章，欢迎给我们3连以鼓励我们更好的创作。拜拜！**