Repolode
提交项目
zclzone

zclzone/vue-naive-admin

基于 Vue3、Vite、Pinia、UnoCSS 和 Naive UI 的轻量级后台管理模板，可搭配 NestJS 后端使用。

在 GitHub 查看官网
Star
3,984
Fork
588
未关闭 Issue
1
最近提交
2个月前

这是什么？

Vue Naive Admin 是一款极简风格的后台管理模板，用于快速搭建管理后台。前端基于 Vite、Vue3、Pinia 和 UnoCSS，界面使用 Naive UI 组件，代码采用 JavaScript 编写，降低上手门槛。

路由根据权限动态生成，无需额外定义，403 与 404 页面可以区分。登录态支持基于 Redis 的无感刷新，同时封装了 Page、CRUD 表格和 Modal 等常用业务组件，减少重复代码。

项目还提供了一套基于 NestJS、TypeORM 和 MySQL 的后端代码，内置 JWT 鉴权、RBAC 权限和模板所需的基础接口。社区也有基于 Java 和 Go 的后端项目与之对接。

核心功能

  • 01基于 Vue3、Vite、Pinia 和 UnoCSS，界面采用 Naive UI 组件。
  • 02根据用户权限动态生成路由，403 与 404 页面分开显示。
  • 03Pinia 状态管理，支持状态持久化。
  • 04基于 Redis 的无感刷新登录态。
  • 05封装 Page、CRUD 表格和 Modal 等可复用业务组件。
  • 06提供可选的 NestJS + TypeORM + MySQL 后端，内置 JWT 与 RBAC。

适用场景

  • 为中小企业快速搭建内部后台或管理控制台。
  • 学习基于权限动态路由的 Vue3 后台项目结构。
  • 基于现成模板搭建课程项目或个人管理面板。

快速上手

  1. 1

    使用 degit 克隆模板（无历史提交记录）

    npx degit zclzone/vue-naive-admin
  2. 2

    或者使用此模板创建你自己的 GitHub 仓库

使用前须知

  • 文档和 README 主要为中文。
  • 可选的 NestJS 后端需要 MySQL，其无感刷新功能依赖 Redis。

收录于专题

仪表盘与商业智能工具

标签

#vue3#admin-template#vite#naive-ui#pinia#unocss#typescript#dashboard#admin#javascript

常见问题

vue-naive-admin 是什么？
基于 Vue3、Vite、Pinia、UnoCSS 和 Naive UI 的轻量级后台管理模板，可搭配 NestJS 后端使用。 Vue Naive Admin 是一款极简风格的后台管理模板，用于快速搭建管理后台。前端基于 Vite、Vue3、Pinia 和 UnoCSS，界面使用 Naive UI 组件，代码采用 JavaScript 编写，降低上手门槛。
vue-naive-admin 可以免费使用吗？用的什么许可证？
vue-naive-admin 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
vue-naive-admin 还在维护吗？
半年内有更新。vue-naive-admin 最近一次提交是在 2026年8月29日。
vue-naive-admin 适合用来做什么？
为中小企业快速搭建内部后台或管理控制台。 学习基于权限动态路由的 Vue3 后台项目结构。 基于现成模板搭建课程项目或个人管理面板。
vue-naive-admin 怎么安装和运行？
使用 degit 克隆模板（无历史提交记录）: npx degit zclzone/vue-naive-admin 或者使用此模板创建你自己的 GitHub 仓库
在哪里获取 vue-naive-admin？
源代码和安装说明在 GitHub 上：https://github.com/zclzone/vue-naive-admin

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目