【源码】基于Vue3和前端技术的中后台管理系统——Soybean Admin

项目简介

本项目是一个清新优雅的中后台模版，基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 构建。采用了最新流行的前端技术栈，内置丰富的主题配置，有着极高的代码规范，具备基于文件的路由系统以及基于 Mock 的动态权限路由，为开发者提供了快速开发高质量中后台应用的基础框架。

项目的主要特性和功能

1. 最新流行技术栈：运用 Vue3、Vite 等前沿技术开发，搭配高效的 npm 包管理器 pnpm。
2. TypeScript：为应用程序级 JavaScript 提供强大的类型支持。
3. 主题配置：拥有丰富可配置的主题，支持暗黑模式，具备基于原子 CSS 框架 UnoCss 的动态主题颜色。
4. 代码规范：包含丰富的规范插件，保障代码质量。
5. 文件路由系统：基于文件的路由系统，可根据页面文件自动生成路由声明、路由导入和路由模块。
6. 权限路由：提供前端静态和后端动态两种路由模式，基于 mock 的动态路由可快速实现后端动态路由。
7. 请求函数封装：基于 axios 有完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，并加入请求结果数据转换的适配器。

安装使用步骤

假设用户已经下载了本项目的源码文件，安装使用步骤如下： 1. 环境配置：确保本地环境已安装 pnpm 7.x 、Node.js 14.18+ 和 Git。 2. 复制代码：通过 Git 命令复制项目代码到本地。 3. 安装依赖：使用 pnpm 命令安装项目依赖。 bash pnpm i 4. 运行项目：使用 pnpm 脚本启动开发服务器。 bash pnpm dev 5. 打包项目：使用 pnpm 脚本进行项目打包。 bash pnpm build

浏览器支持

该项目支持现代浏览器，不支持 IE。

License

本项目基于 MIT 协议开源，仅供参考学习，商用时请保留作者的版权信息，作者不对软件做担保和负责。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】