Vite + Vue3 + NaiveUI + TypeScript的漂亮清新的中后台管理系统！

推荐关注

责编：猿哥 | 来源：GitHub猿 整理

往期文章：Vue3、Element-Plus、TypeScript4、Vite3的后台集成方案！

正文

大家好。我是GitHub猿。

我今天，推荐一个系统项目。猿哥第一次使用就有点上头，爱不释手，必须要推荐给大家。

上次是谁要的系统项目啊，猿哥帮你找到了。

这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。

📚 项目介绍

最近猿哥在逛网站的时候发现一个不错的开源项目，猿哥觉得不错，值得拿出来和大家分享下。

🔥本项目系统是一款基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版，它使用了最新的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于 mock 实现的动态权限路由，开箱即用的中后台前端解决方案，也可用于学习参考。扩展：接私活

特性

• 最新技术栈：使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm

• TypeScript: 应用程序级 JavaScript 的语言

• 主题：丰富可配置的主题、暗黑模式，基于原子 css 框架 - UnoCss 的动态主题颜色

• 代码规范：丰富的规范插件及极高的代码规范

• 权限路由：基于文件的路由系统、基于 mock 的动态路由能快速实现后端动态路由

• 请求函数：基于 axios 的完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，加入请求结果数据转换的适配器适配器。另外，搜索公众号Linux就该这样学后台回复“OA办公系统”，获取一份惊喜礼包。

项目示例图

安装使用

• 环境配置 本地环境需要安装 pnpm 7.x 、Node.js 14.18+ 和 Git

• 克隆代码

git clone 文末获取

• 安装依赖

pnpm i

• 运行

pnpm dev

• 打包

pnpm build

Docker 部署

• Docker 部署 Soybean

docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6

• 访问 SoybeanAdmin

打开本地浏览器访问http://localhost

最后，想学习这个项目的可以查看项目地址：

项目源码，怎么领取？

源码获取

扫码下方二维码，后台回复【中后台】即可获取所有系统

欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个 赞 + 在看 啦！❤️

在 GitHub猿 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！

--END--

猿哥个人微信

添加猿哥个人微信即送一份惊喜大礼包

→ 技术资料共享

→ 技术交流社群

版权申明：内容来源网络，版权归原创者所有。除非无法确认，我们都会标明作者及出处，如有侵权烦请告知，我们会立即删除并表示歉意。谢谢!

往日文章：

OA协同办公系统，自带低代码开发平台，可快速搭建CRM、项目管理等功能！一套实现 SSR 服务端渲染的 CMS 系统，适合企业搭建SEO型网站！
不限制商业授权低代码开发平台，OA协同办公平台！

最近，GitHub猿建了一个「GitHub猿交流群」，欢迎大家一起交流优秀开源项目，也可以宣传自己的开源项目，在 「GitHub猿」公众号后台回复【加群】邀请你入群。

你点的每个赞，我都认真当成了喜欢