【推荐】一款基于 Vue3 完全开源免费、界面精美的后台管理模板

景点排名 2025年09月21日 22:46 0 admin

如果您对源码&技术感兴趣，请点赞+收藏+转发+关注，大家的支持是我分享最大的动力！！！

项目介绍

Naive UI Pro 是一款基于 Vue 3、Vite、Pro-Naive-UI 和 TypeScript 的中后台管理模板。与市面上其他开源 Admin 模板不同，Naive UI Pro 创新性地采用了基于路由的插件化架构，使得管理员可以像搭积木一样轻松构建和管理后台系统。同时，项目还封装了大量基于 Naive UI 的组件，并提供了高级组件的代码示例，方便开发者快速上手和定制。

应用场景

企业级后台管理系统：如 ERP、CRM、OA 等。
数据可视化平台：展示和分析各种业务数据。
自定义业务系统：根据业务需求快速搭建的定制化系统。
学习与研究：作为 Vue 3 和 TypeScript 学习的参考项目。

功能模块

权限管理：基于角色的访问控制，确保数据安全。
多页签管理：支持多页签浏览，提高工作效率。
嵌套路由：支持复杂的路由结构，满足多样化需求。
布局组件：提供多种布局选项，支持响应式设计。
无头菜单：强大的菜单定制能力，实现个性化菜单。
多语言支持：支持国际化的多语言切换。
组件库：基于 Naive UI 封装的 Pro-Naive-UI 组件库。

功能特点

前沿的架构设计：采用插件化架构，每一块功能都被单独实现，易于理解和维护。
强大的布局组件：支持 7 种布局，完美适配移动端。
个性化菜单：强大的无头菜单能力，轻松实现个性化菜单。
组件库支持：提供 Pro-Naive-UI 组件库，包含大量封装的高级组件。
底层可移植：架构设计和组件库底层代码与具体组件库无关，便于迁移。
宽松的代码规范：只提供 simple-git-hooks，在 commit 时格式化代码，保持代码整洁。
多语言切换：支持国际化的多语言切换，满足不同地区用户需求。
丰富的插件：包含 14+ 插件，满足各种业务场景需求。

项目技术栈

前端框架: Vue 3
Vue 3 提供了更高效的响应式系统和更好的 TypeScript 支持，是构建现代 Web 应用的理想选择。
构建工具: Vite
Vite 是一个快速的开发构建工具，利用原生 ES 模块提供极速的开发体验。
UI 组件库: Naive UI
Naive UI 是一款基于 Vue 3 的轻量级 UI 组件库，提供了丰富的组件和良好的设计。
组件封装: Pro-Naive-UI
基于 Naive UI 封装的 Pro-Naive-UI 组件库，提供了更多高级组件和代码示例。
编程语言: TypeScript
TypeScript 提供了静态类型检查，增强了代码的可维护性和可读性。
代码规范: Simple Git Hooks
使用 simple-git-hooks 在 commit 时自动格式化代码，保持代码风格一致。

快速使用

克隆项目

git clone https://github.com/Zheng-Changfu/naive-ui-pro.git

安装依赖

pnpm i

项目启动

pnpm dev

项目构建

pnpm build

功能演示

开源地址

https://github.com/Zheng-Changfu/naive-ui-pro