# 极简风格的后台管理模板Vue Naive Admin

*Published:* 2024-01-10
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2024年1月10日，已超过 180天没有更新



Vue Naive Admin，一个基于 Vue3.0、Vite、Naive UI 的后台管理模板，相较于其他比较流行的后台管理模板，此项目相对简洁、轻量，没有集成 TypeScript，没有集成国际化，没有集成复杂的主题配置，学习成本非常低，对新手极其友好。不过麻雀虽小五脏俱全，权限、Mock、菜单、axios 封装、pinia、项目配置、样式配置、环境配置，以及一些经常用的基础组件封装等等这些该有的都有，经过参考多个 vue3 后台管理模板后以最简洁优雅的方式实现，非常适用于中小型项目或者个人项目，当然，以此模板进行二次封装改造用于大型项目也未尝不可。

[![](https://www.xarjtc.com/wp-content/uploads/2024/01/a1f4d566e5f41d913127bbb79d3779b6.jpg)](https://www.xarjtc.com/wp-content/uploads/2024/01/a1f4d566e5f41d913127bbb79d3779b6.jpg)

**工具特点：**

🆒 使用 Vue3 主流最新技术栈: Vite + Vue3 + Pinia

🍇 使用 原子CSS框架: Unocss，优雅、轻量、易用

🍍 集成 Pinia 状态管理，支持状态持久化

🤹 使用主流的 iconify + unocss 图标方案，支持自定义图标，支持动态渲染

🎨 使用 Naive UI，极致简洁的代码风格和清爽的页面设计，审美在线，主题轻松定制

👏 先进且易于理解的文件结构设计，多个模块之间零耦合，单个业务模块删除不影响其他模块

🚀 扁平化路由设计，每一个组件都可以是一个页面，告别多级路由 KeepAlive 难实现问题

🍒 基于权限动态生成路由，无需额外定义路由，403和404页面可区分，而不是无权限也跳404

🔐 基于Redis集成 无感刷新，用户登录态可控，安全与体验缺一不可

✨ 基于 Naive UI 封装 message 全局工具方法，支持批量提醒，支持跨页面单例模式

⚡️ 基于 Naive UI 封装常用的业务组件，包含Page 组件、CRUD 表格组件及 Modal组件等，简单易用，减少大量重复性工作

**GitHub地址：https://github.com/zclzone/vue-naive-admin**