Geeker-Admin: Open‑Source Vue3‑Based Backend Management Framework

Geeker-Admin is an open‑source admin panel built with Vue 3.3, TypeScript, Vite 5, Pinia and Element‑Plus, offering a rich set of components such as a configurable ProTable, custom directives, dynamic routing, multi‑theme layout, dark mode, i18n, and comprehensive linting and commit tooling.

Key features include script‑setup single‑file components, Vite‑based development and build (gzip/brotli, TSX, proxy), Pinia with persistence, a TypeScript‑wrapped Axios with request interception and cancellation, Element‑based ProTable with column configuration, theme and size switching, multi‑theme layout, dark mode, i18n, dynamic route permission interception, lazy loading, KeepAlive page caching, custom directives (permission, copy, watermark, drag, throttle, debounce, long‑press), unified code formatting with Prettier, ESLint and Stylelint checks, and a standardized commit workflow using husky, lint‑staged, commitlint, czg and cz‑git.

Installation and Usage

Clone the repository: # Gitee git clone https://gitee.com/HalseySpicy/Geeker-Admin.git # GitHub git clone https://github.com/HalseySpicy/Geeker-Admin.git

Install dependencies: pnpm install

Run development server: pnpm dev pnpm serve

Build the project: # Development pnpm build:dev # Test pnpm build:test # Production pnpm build:pro

Lint and format code: # ESLint pnpm lint:eslint # Prettier pnpm lint:prettier # Stylelint pnpm lint:stylelint

Commit with automatic linting: # Commit code (pre‑commit runs lint‑staged) pnpm commit

Screenshots

Login page (light and dark), home page (light and dark), table page (light and dark), data visualization dashboard, and large data screen are displayed.

Open‑Source Repository

https://github.com/HalseySpicy/Geeker-Admin

END