0 0 683

Geeker-Admin是一款基于Vue3.2、TypeScript、Vite3、Pinia、Element-Plus的开源后台管理框架,它代表着未来后台管理应用的新标准。

Geeker-Admin基于vue的后台管理框架:开发的未来,掌握在您手中_图一
Geeker-Admin基于vue的后台管理框架:开发的未来,掌握在您手中_图二

我们将为您展示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 全局配置文件


下载所需: 5金币 下载 演示
[来源] http://erlangyun.com/p/id/287.html
[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。