墨林码农专注分享开源项目， 精选开源社区技术干货，分享Github、Gitee上有趣、有价值的项目，一起学习，一起成长。

先来看下demo，或许就理解了清新、优雅：

简介

Soybean Admin：一个清新优雅的中后台模版

在当今的互联网时代，中后台系统是很多企业和组织的核心业务之一，它涉及到数据管理、业务流程、权限控制等多个方面，对于提高工作效率和用户体验有着重要的作用。

然而，开发一个高质量的中后台系统并不容易，它需要考虑到技术选型、代码规范、界面设计、功能实现等多个维度，这对于开发者来说是一个不小的挑战。

为了帮助开发者更方便地进行中大型管理系统开发，同时也提供一个学习参考的平台，Soybean Admin 应运而生。

Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于文件的路由系统以及基于 Mock 的动态权限路由，开箱即用的中后台前端解决方案，也可用于学习参考。

Soybean Admin 的主要特点

• 最新流行技术栈：使用 Vue3/Vite 等前端前沿技术开发，使用高效率的 npm 包管理器 pnpm，享受最新的语言特性和工具优化。
• TypeScript: 应用程序级 JavaScript 的语言，提供了静态类型检查、类、接口、泛型等特性，增强了代码的可读性和可维护性。
• 主题：丰富可配置的主题、暗黑模式，基于原子 css 框架 - UnoCss 的动态主题颜色，让您的界面随心所欲。
• 代码规范：丰富的规范插件及极高的代码规范，包括 eslint、prettier、stylelint、commitlint 等，让您的代码风格统一、优雅、规范。
• 文件路由系统：基于文件的路由系统，根据页面文件自动生成路由声明、路由导入和路由模块，无需手动配置路由，简化开发流程。
• 权限路由：提供前端静态和后端动态两种路由模式，基于 mock 的动态路由能快速实现后端动态路由，支持多种权限验证方式，如角色、权限码等。
• 请求函数：基于 axios 的完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，加入请求结果数据转换的适配器，让您的请求更加方便、灵活、高效。

Soybean Admin 还提供了一系列的 SoybeanJS 工具库，包括命令行工具、changelog 生成器、eslint 预设配置、物料仓库、路由插件等，为您的开发提供更多的便利和支持。

此外，Soybean Admin 还有一些基于它二次开发的项目，如 electron-mock-admin（一个 Mock Api 管理系统）和 T-Shell（一个可配置命令提示的终端模拟器和 SSH 客户端），您可以参考这些项目来了解如何使用 Soybean Admin 进行更多的扩展和创新。

结束语

几个简单的字符，就能创造出欢乐，

几个简单的号码，便能写出奇迹。

一个键盘，就能畅游世界，

一根网线，便能知晓天下。

创作不易，感谢大家的支持。后续也会分享更多的干货和技术资讯，您的阅读就是对小编的支持，再次感谢各位老铁！