一款基于 Vue3 完全开源免费、界面精美的后台管理模板，开箱即用！

项目介绍

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