Geeker-Admin是一款基于Vue3.2、TypeScript、Vite3、Pinia、Element-Plus的开源后台管理框架,它代表着未来后台管理应用的新标准。
我们将为您展示Geeker-Admin的一些出色功能和优势:
**1. 使用最新技术栈**:
Geeker-Admin采用了目前最新的技术栈,包括Vue3.2、TypeScript、Vite3、Pinia和Element-Plus,以确保您能够始终保持在前沿。
**2. 强大的ProTable组件**:
我们提供了强大的ProTable组件,节省了开发效率,使您能够轻松创建高度定制化的数据表格。
**3. 完善的功能集成**:
Geeker-Admin不仅仅是一个后台管理框架,它还包括了一系列常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能,以满足您的多样化需求。
**4. Vue3.2 + TypeScript**:
我们采用Vue3.2和TypeScript进行开发,同时支持单文件组件的script setup语法,提高了代码质量和可维护性。
**5. Vite3和Pinia**:
Geeker-Admin使用Vite3作为项目开发和打包工具,同时集成了Pinia,取代了Vuex,让状态管理变得轻量、简单、易用。
**6. 完备的Axios封装**:
我们对Axios进行了全面的二次封装,包括请求拦截、常用请求封装等,以确保您的数据交互更加可控和安全。
**7. 高度可配置的ProTable**:
基于Element进行二次封装的ProTable组件,所有表格页面都可以通过配置项进行定制,满足各种需求。
**8. 多样化的功能支持**:
Geeker-Admin支持Element组件大小切换、暗黑模式、i18n国际化,以及路由权限拦截、页面按钮权限配置、路由懒加载等功能。
**9. 缓存和自定义指令**:
我们使用keepAlive对页面进行缓存,支持多级嵌套页面缓存,并提供了多种常用自定义指令,如权限、复制、水印、拖拽等。
**10. 代码质量保障**:
我们使用Prettier统一格式化代码,集成Eslint和Stylelint代码校验规范,确保代码质量一致且符合最佳实践。
**Geeker-Admin是您开发的未来,掌握在您手中。** 无论您是一名开发者还是一个项目经理,Geeker-Admin将成为您的得力助手,帮助您快速构建出色的后台管理应用。
**一起打造更美好的后台管理应用吧!**
安装
npm install --registry=https://registry.npm.taobao.org
本地运行
npm run build:dev
生产打包
# 测试环境
npm run build:test
# 生产环境
npm run build:pro
# eslint 检测代码
npm run lint:eslint
# prettier 格式化代码
npm run lint:prettier
# stylelint 格式化样式
npm run lint:stylelint
文件资源目录
Geeker-Admin
├─ .husky # husky 配置文件
├─ .vscode # VSCode 推荐配置
├─ public # 静态资源文件(该文件夹不会被打包)
├─ src
│ ├─ api # API 接口管理
│ ├─ assets # 静态资源文件
│ ├─ components # 全局组件
│ ├─ config # 全局配置项
│ ├─ directives # 全局指令文件
│ ├─ enums # 项目常用枚举
│ ├─ hooks # 常用 Hooks 封装
│ ├─ languages # 语言国际化 i18n
│ ├─ layouts # 框架布局模块
│ ├─ routers # 路由管理
│ ├─ stores # pinia store
│ ├─ styles # 全局样式文件
│ ├─ typings # 全局 ts 声明
│ ├─ utils # 常用工具库
│ ├─ views # 项目所有页面
│ ├─ App.vue # 项目主组件
│ ├─ env.d.ts # 指定 ts 识别 vue
│ └─ main.ts # 项目入口文件
├─ .editorconfig # 统一不同编辑器的编码风格
├─ .env # vite 常用配置
├─ .env.development # 开发环境配置
├─ .env.production # 生产环境配置
├─ .env.test # 测试环境配置
├─ .eslintignore # 忽略 Eslint 校验
├─ .eslintrc.js # Eslint 校验配置文件
├─ .gitignore # 忽略 git 提交
├─ .prettierignore # 忽略 Prettier 格式化
├─ .prettierrc.js # Prettier 格式化配置
├─ .stylelintignore # 忽略 stylelint 格式化
├─ .stylelintrc.js # stylelint 样式格式化配置
├─ CHANGELOG.md # 项目更新日志
├─ commitlint.config.js # git 提交规范配置
├─ index.html # 入口 html
├─ LICENSE # 开源协议文件
├─ lint-staged.config # lint-staged 配置文件
├─ package-lock.json # 依赖包包版本锁
├─ package.json # 依赖包管理
├─ postcss.config.js # postcss 配置
├─ README.md # README 介绍
├─ STANDARD.md # 项目编码规范说明书
├─ tsconfig.json # typescript 全局配置
└─ vite.config.ts # vite 全局配置文件