VAdmire Plus — 一套基于Vite2+Vue3+ElementPlus中后台管理系统模板

简介

Vue Admire Plus 是一个免费开源的后台模板。使用了最新的主流开发技术，开箱即用的后台解决方案，集成多种库插件。适合快速开发以及学习当前的最新的主流开发技术。

特性

• 最新技术栈：使用 Vue3 TypeScript Vite2 等前端技术开发

• TypeScript：加强版 JavaScript，使开发体验到极致

• 暗黑模式：内置暗黑模式

• 系统主题色：动态配置系统主题色

• Mock Server 内置模拟数据方案

• 权限： 内置前后两种方式动态路由权限生成方案

• 全局公共组件： 封装了多个常用的组件

• 代码注释：相关重要代码逻辑部分，代码注释充分，易阅读，易扩展

项目相关说明

严格的代码开发规范

项目内置 eslint + prettier + stylelint 来为项目的代码规范保驾护航，同时也内置 husky + commitlint 为代码信息提交规范添加一层约束。

代码命名规范（自定义）

1. 目录文件夹命名：驼峰命名形式（小驼峰） 例如：xxx-xxx
2. 文件命名：驼峰命名（大驼峰）
        1. 所有系统的 Index 页面在文件名后统一加上 Index 以示区分。 例如： SysHomeIndex.vue
        2. 所有系统的公共组件在文件名后统一加上 Com 以示区分。 例如： SvgIconCom.vue
        3. 做到见名知意
        4. 所有 TS 文件的入口文件还是使用 index 命名。 例如：router/index.ts
3. 变量名
        1. 变量：驼峰命名（大驼峰）
        2. 常量： 统一大写 （词之间使用下划线 _ ）   
4. 方法名: 驼峰命名（小驼峰）

权限路由说明

项目内置两种权限路由控制。前台控制 和 后台控制。 开发者可以根据自身需要来决定使用哪种方式控制。系统菜单也根据路由生成，开发者只需定义相应的路由表即可，目前已支持 隐藏指定菜单、菜单权限控制、内外链菜单、菜单是否支持缓存 等功能。

多种布局模式

系统支持三种布局模式：左侧菜单模式 | 顶部菜单模式 | 顶部菜单混合模式。

系统主题色

系统内置暗黑模式以及一套修改系统主题色方法，可以根据自己喜好修改系统相关的主题色。

内置插件

同时内置了多种常用插件。例如图表：ECharts， 富文本编辑器：wangEditer，Markdown编辑器：md-editor-v3 和 高德地图、百度地图。

相关预览图

最后

非常希望有对系统有兴趣的同志的加入！如果有任何意见和看法的也欢迎提交Issue 和 Pull Request

同时也期待你的Star，你的Star是对我的支持和鼓励 ✨✨✨

• Github地址

• 预览地址

• 文档地址