🚀 简介

Naive Ui Admin 是一款 完全免费 且可商用的中后台解决方案，基于 🌟 Vue3.x 🌟、🚀 Vite 🚀、✨ Naive UI ✨ 和 🎉 TypeScript 🎉。 它融合了最新的前端技术栈，提炼了典型的业务模型和页面，包括二次封装组件、动态菜单、权限校验等功能，助力快速搭建企业级中后台项目

🌈 特性

📦 二次封装的实用高扩展性组件 🎨 响应式、多主题、多配置，快速集成，开箱即用 🚀 强大的鉴权系统，支持 三种鉴权模式，满足多样业务需求 🌐 持续更新的实用性页面模板和交互设计，简化页面构建

🎥 预览

• naive-ui-admin

账号：admin，密码：123456（随意）

🚀 Naive Admin - 开箱即用的企业级前后端框架 商业版本

✨ 多生态支持 · 多租户就绪 · 四年持续迭代
前端自由切换 Vue3 UI 库 | 后端支持 Java/PHP 单体与多租户架构
详情→官网 | 更新日志

---

🔥 为什么选择 NaiveAdmin 商业版？

• 省时间：内置N个扩展组件与业务模板，不写一行样板代码即可开始业务开发
• 经实战：已落地电网、跨境 ERP、SaaS 等 30+ 场景
• 可扩展：插件式菜单 / 按钮 / 数据权限，新增业务模块「0 侵入」

---

🖥️ 纯前端版本

版本	技术栈	配套后端	预览地址
🆕 Naive UI Max	Vu3 + Ts + NaiveUI	否	https://max.naiveadmin.com
Naive UI Plus	Vu3 + Ts + NaiveUI	支持Java/PHP	https://plus.naiveadmin.com
Naive UI	Vue + Ts + NaiveUI	支持Java/PHP	https://pro.naiveadmin.com
Arco Design	Vu3 + Ts + Arco Design	支持Java	https://arco.naiveadmin.com
Element Plus	Vu3 + Ts + Element Plus	支持Java	https://element.naiveadmin.com
Antd Vue	Vu3 + Ts + Antd Vue	否	https://antd.naiveadmin.com

🔌 前后端版本

版本	技术栈	预览地址
Naive UI Plus	Vu3 + Ts + NaiveUI	https://plus-full.naiveadmin.com
Arco Design	Vu3 + Ts + Arco Design	https://arco-full.naiveadmin.com
Element Plus	Vu3 + Ts + Element Plus	https://element-full.naiveadmin.com

🏢 多租户版本

版本	技术栈	适用场景	预览地址
Vue3	Vu3 + Ts + NaiveUI + Java	构建企业级 Saas 化系统	https://tenant.naiveadmin.com
React	React + Ts + Ant + Java	构建企业级 Saas 化系统	https://compose.warden.vip

📚 文档

开源版本文档

🛠 准备

• node 和 git -项目开发环境
• Vite - 熟悉 vite 特性
• Vue3 - 熟悉 Vue 基础语法
• TypeScript - 熟悉TypeScript基本语法
• Es6+ - 熟悉 es6 基本语法
• Vue-Router-Next - 熟悉 vue-router 基本使用
• NaiveUi - ui 基本使用
• Mock.js - mockjs 基本语法

🏗️ 使用

• 获取项目代码

git clone https://github.com/jekip/naive-ui-admin.git

• 安装依赖

cd naive-ui-admin

pnpm install

• 运行

pnpm run dev

• 打包

pnpm build

📜 更新日志

CHANGELOG

🤝 如何贡献

非常欢迎你的加入！提一个 Issue 或者提交一个 Pull Request

Pull Request:

1. Fork 代码!
2. 创建自己的分支: git checkout -b feat/xxxx
3. 提交你的修改: git commit -am 'feat(function): add xxxxx'
4. 推送您的分支: git push origin feat/xxxx
5. 提交pull request

📋 Git 贡献提交规范

• 参考 vue 规范 (Angular)

  • feat 增加新功能
  • fix 修复问题/BUG
  • style 代码风格相关无影响运行结果的
  • perf 优化/性能提升
  • refactor 重构
  • revert 撤销修改
  • test 测试相关
  • docs 文档/注释
  • chore 依赖更新/脚手架配置修改等
  • workflow 工作流改进
  • ci 持续集成
  • types 类型定义文件更改
  • wip 开发中

🌐 浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE

IE	Edge	Firefox	Chrome	Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

👥 维护者

@Ah jung

💬 交流

有关 Naive Ui Admin 的使用或其他问题，可以加入讨论群交流问题

QQ1群：328347666 （已满） QQ2群：741353560

💖 赞助

如果项目有帮到你，不妨请作者喝一杯咖啡吧！

Paypal Me