一个极致轻量的 Vue3 后台管理，继 1.2k Star 后，终迎 2.0 版本，这次有点东西

[zclzone]

Vue Naive Admin 从 2022 年 2 月开始开源，其简单易上手的特性广受好评，当时发过一篇推文，感兴趣的朋友可以重温一下，Vite+Vue3+Unocss+NaiveUI+Pinia 搭建一套优雅的后台管理模板，真香 - 掘金 (juejin.cn)

回顾开源

Vue Naive Admin 开源一年零十个月，收获了 1.2k Star, gitee 上也有 260+ 的 Star ，建了两个微信交流群，总人数 500+，成绩不算优秀，但贵在坚持。

Vue Naive Admin 2.0 是什么？

源码: vue-naive-admin (github.com)

体验: https://admin.isme.top

简介

Vue Naive Admin 2.0 是一款极简风格的后台管理模板，包含前后端解决方案，前端使用 Vite + Vue3 + Pinia + Unocss ，后端使用 Nestjs + TypeOrm + MySql + Redis ，简单易用，赏心悦目，历经十几次重构和细节打磨，诚意满满！！

设计理念

Vue Naive Admin 2022 年 2 月开始开源，2023 年 12 月 发布 2.0 版本，从 1.0 到现在的 2.0 ，一直秉持着简单即正义的理念，旨在帮助中小企业、在校大学生及个人开发者快速上手开发后台管理项目，为了降低使用者的学习成本，没有使用当前看似“主流”的 TypeScript （前端），而是使用 JavaScript, 这也使得 Vue Naive Admin 成为了市面上少有的 使用 JavaScript 的 Vue3 后台管理模板，而且还算优秀，得到了大量朋友的认可和喜爱。

这里就不讨论为什么使用 JavaScript 而不使用 TypeScript了，各自的优缺点大家都清楚，需要 TypeScript 版本的可以绕道，使用 TypeScript 的后台管理模板现在多如牛毛，请自行在 github 搜索

特性

• 🆒 使用 Vue3 主流最新技术栈: Vite + Vue3 + Pinia
• 🍇 使用 原子 CSS框架: Unocss，优雅、轻量、易用
• 🍍 集成 Pinia 状态管理，支持状态持久化
• 🤹 使用主流的 iconify + unocss 图标方案，支持自定义图标，支持动态渲染
• 🎨 使用 Naive UI ，极致简洁的代码风格和清爽的页面设计，审美在线，主题轻松定制
• 👏 先进且易于理解的文件结构设计，多个模块之间零耦合，单个业务模块删除不影响其他模块
• 🚀 扁平化路由设计，每一个组件都可以是一个页面，告别多级路由 KeepAlive 难实现问题
• 🍒 基于权限动态生成路由，无需额外定义路由，403 和 404 页面可区分，而不是无权限也跳 404
• 🔐 基于 Redis 集成 无感刷新，用户登录态可控，安全与体验缺一不可
• ✨ 基于 Naive UI 封装 message 全局工具方法，支持批量提醒，支持跨页面单例模式
• ⚡️ 基于 Naive UI 封装常用的业务组件，包含Page 组件、CRUD 表格组件及 Modal组件等，简单易用，减少大量重复性工作

极致的性能

Vue Naive Admin 2.0 极致轻量，性能也很优秀

提供对应的后端服务：Isme Nest Serve

Vue Naive Admin 2.0 提供一套后端代码，技术栈使用 Nestjs + TypeOrm + MySql ，内置 JWT 、RABC 及模板所需的一些基础接口。

后续可能会提供 Java 版和 Go 版的，但由于精力有限，欢迎感兴趣的大佬基于前端提供对接好的后端项目，当然，并不局限于 Java 和 Go ，已对接的后端项目会展示到仓库的 README 和 官方文档中

• 源码-github: isme-nest-serve | github
• 源码-gitee: isme-nest-serve | gitee

为什么会有 2.0 版本?

因为 2.0 是基于 1.0 风格从 0 到 1 重新设计的，虽然看着很像，但是代码结构差别很大，在 1.0 版本基础上迭代不合适。另外，2.0 版本是全栈版本，提供了对应后端服务，把后端服务搭建起来就可以直接上手开发，这跟 1.0 版本也是有着根本的不同。

可以这样说，2.0 版本既有 1.0 版本的沉淀， 也在 1.0 版本上做了根本性的突破

2.0 和 1.0 区别

• 2.0 是基于 1.0 风格从 0 到 1 重新设计的，虽然看着很像，但是代码结构差别很大。
• 1.0 只提供前端，后端使用 Mock 模拟的，而 2.0 是全栈版，提供真实的后端接口。
• 2.0 虽然版本高于 1.0 ，但复杂度却远低于 1.0 ，虽然 1.0 也很简单。
• 2.0 的灵活度远高于 1.0 ，得益于 扁平化路由 的设计，任何一个 .vue 文件都可以是一个页面，并且可以放到任意菜单下，甚至你还可以为每个页面单独定制一个 layout 。

体验 1.0 | template.isme.top

体验 2.0 | admin.isme.top

版权说明

本项目使用 MIT 协议，默认授权给任何人，被授权人可免费地无限制的使用、复制、修改、合并、发布、发行、再许可、售卖本软件拷贝、并有权向被供应人授予同等的权利，但必须满足以下条件:

• 复制、修改和发行本项目代码需包含原作者的版权及许可信息，包括但不限于文件头注释、协议等

简单来说，作者只想保留版权，没有任何其他限制，个人或者企业都可以放心使用。

---

前端源码（ 2.x-beta 分支）: vue-naive-admin (github.com)

后端源码: isme-nest-serve (github.com)

文档手册: docs.isme.top

访问不了 github 的朋友可以打开 文档手册，里面有对应 gitee 仓库的地址

最后，如果这个项目对您或者贵公司有帮助，请 Star 或者 捐助支持一下，开源不易，您的支持是作者最大的动力~

[lcy630409]

后台管理 还是觉得类似 layui 这种好用，
也可能是我这种单纯后端 不思进取 看 vue 这种前端框架 看的头晕

不过还是支持一下 op 萝卜青菜各有所爱

[type]

如果只需要一个后台的前端，是选 1.0 还是 2.0 ？

[moxiaonai]

体验了一下，挺好的，考虑 TS 版本吗

[huangliu]

用 naive ui 的时候官网看到过，好评

[dufu1991]

我还是觉得应该是登录而不是登陆。

[sub166]

感谢开源，毕设用的是 ts 的那套，js 真的不想写

[qppq54s]

感谢开源，学习下

[GuguDan]

已 star, 后续考虑支持代码生成么？

[zsh2517]

看了半天我才发现是 Naive 不是 Native

[zclzone]

@type 1.0 是 mock 的服务，没有后端

[zclzone]

@moxiaonai 1.0 有 ts 版本，2.0 短期内没计划出 ts 版，精力不够，还得全职工作

[zclzone]

@GuguDan 有考虑

[whichiswrong]

非前端,请问 i18n 好集成吗

[fuchish112]

配色灰蒙蒙的，不够清爽

[Belmode]

已 star

[zclzone]

@whichiswrong i18n 其实就是体力活，不难

[zclzone]

@Belmode 感谢支持