【源码】基于 Vue3、Vite3 和 TypeScript 的中后台管理模板

项目简介

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

项目的主要特性和功能

1. 前沿技术栈：运用 Vue3、Vite3 等前端前沿技术开发，搭配高效率的 pnpm 包管理器。
2. TypeScript 支持：使用应用程序级 JavaScript 语言，增强代码的可维护性和稳定性。
3. 主题丰富：具备丰富可配置的主题和暗黑模式，借助 UnoCss 实现动态主题颜色。
4. 高代码规范：配备丰富的规范插件，保证代码规范程度高。
5. 文件路由系统：依据页面文件自动生成路由声明、路由导入和路由模块。
6. 权限路由模式多样：提供前端静态和后端动态两种路由模式，基于 mock 的动态路由可快速实现后端动态路由。
7. 请求函数完善：基于 axios 封装完善的请求函数，提供 Promise 和 hooks 两种请求方式，并加入请求结果数据转换的适配器。

安装使用步骤

环境准备

确保本地环境已安装 pnpm 7.x、Node.js 14.18+ 和 Git。

安装依赖

在项目根目录下执行以下命令安装依赖： bash pnpm i

运行项目

执行以下命令启动开发服务器： bash pnpm dev

打包项目

若要打包项目，执行以下命令： bash pnpm build

Docker 部署

若选择使用 Docker 部署，执行以下命令： bash docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6 部署完成后，打开本地浏览器访问 http://localhost 即可。

下载地址

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