Geeker-Admin 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架,使用目前最新技术栈开发。项目提供强大的 ProTable 组件,在一定程度上提高您的开发效率。另外本项目还封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。
使用技术使用 Vue3.4 和 TypeScript 开发,支持单文件组件 <script setup> 语法。采用 Vite5 作为项目开发、打包工具,支持 gzip/brotli 打包、tsx 语法、跨域代理等。使用 Pinia 替代 Vuex,实现轻量、简单、易用的状态管理,并集成了 Pinia 持久化插件。对 Axios 进行了 TypeScript 的二次封装,包括请求拦截、取消、常用请求封装等功能。基于 Element-Plus 二次封装了 ProTable 组件,表格页面全部通过配置项 Columns 进行管理。项目功能支持 Element 组件大小切换、多主题布局、暗黑模式、i18n 国际化。使用 VueRouter 配置动态路由权限拦截、路由懒加载,并支持页面按钮权限控制。使用 KeepAlive 对页面进行缓存,支持多级嵌套路由缓存。提供了丰富的自定义指令,如权限、复制、水印、拖拽、节流、防抖、长按等。安装使用步骤Clone# Giteegit clone https://gitee.com/HalseySpicy/Geeker-Admin.git# GitHubgit clone https://github.com/HalseySpicy/Geeker-Admin.gitInstallpnpm installRunpnpm devpnpm serveBuild# 开发环境pnpm build:dev# 测试环境pnpm build:test# 生产环境pnpm build:pro项目运行效果在线演示:https://admin.spicyboy.cn/#/login开源地址https://github.com/HalseySpicy/Geeker-Admin