春节前自己搭建的后台管理模板

无需加好友免费技术支持

趁着春节放假，完善了一下春节前自己搭建的后台管理模板的文档，在完善文档的同时又删改了部分不是bug说实话，我建造这个模板有点慢，因为我有强迫症和代码洁癖，但我终于完成了，尽管这是第一个版本

首先，该模板参考了多个流行模板Vue3后台管理模板主要是Vben Admin，毫无疑问，这是一个非常优秀和流行的背景管理模板，但它对新手不友好，学习成本高。即使是中级前端也很难直接启动二次开发

Vue Naive Admin，一个基于 Vue3.0、Vite、Naive UI 与其他流行的后台管理模板相比，该项目相对简单轻量，没有集成 TypeScript，没有集成国际化，没有复杂的主题配置，学习成本很低，对新手极其友好。但麻雀虽小五脏俱全，权限，Mock、菜单、axios 封装、pinia、项目配置、风格配置、环境配置、一些常用的基本组件包装等，经过参考 vue3 后台管理模板以最简实现后台管理模板，非常适合中小型项目或个人项目，当然，对于大型项目，用这个模板进行二次封装改造并非不可能。

Vue3 和 Vite 学习趋于成熟 vite 和 vue3 通过开发模板学习是非常必要的。事实证明，我确实从中受益了很多主流 Vue3 Vite 后台管理模板比较复杂，甚至感觉有点花哨(不贬低，大部分架构设计都很优秀，只是觉得集成了太多不实用的东西)开发自己的模板最方便。我讨厌直接开发别人的模板。如果我必须开发别人的模板，我会在使用之前尽量彻底理解它们。如果我不彻底理解它们，就没有代码控制感和安全感集成 Naive UI，尤大推荐的 UI 组件库，非常香，集成多环境配置，集成登录、注销和权限验证(暂时只支持角色页面权限，后续考虑添加按钮权限)，dev、测试、预发布和生产一体化 eslint prettier，代码约束和格式化统一集成 Mock 接口服务，dev 支持环境和发布环境，能否启用动态配置？ mock 服务不启用时不会加载 mock 减少包装体积的集成 unocss，antfu 大神开源的原子化 css 解决方案，很轻，现在自己写。 scss 样式搭配着 unocss 使用，非常香集成 pinia，Vuex 替代方案，重量轻，简单易用，香味集成 axios，支持多 axios 实例，支持在线环境免重新包装修改 baseURL二次包装全局 Dialog、Message、LoadingBar 组件二次封装 localStorage 和 sessionStorage，支持设置过期时间github:

转自：