[Open Source] A fresh, elegant, visually appealing, and feature-rich admin management system, free for commercial use

Open SourceProcess Management

2026-06-28 06:28 1 次浏览 • 0 次下载 0KB

[Open Source] A fresh, elegant, visually appealing, and feature-rich admin management system, free for commercial use

1. Project Overview

SnowAdmin

SnowAdmin is a clean, elegant, visually appealing, and powerful backend administration template built with the latest frontend technology stack, including Vue3, Vite6, TypeScript, and Pinia. It comes with extensive theme configurations and components, follows strict coding standards, and implements an automated file-based routing system. SnowAdmin provides a one-stop backend administration solution that requires no additional configuration and works out of the box. It is also an excellent practical example for quickly learning cutting-edge technologies.

2. Open Source License

Licensed under MIT

SnowAdmin is free and open source, and can be used freely for learning and commercial purposes.

3. Screenshots

Live Preview

4. Feature Overview

5. Tech Stack

Environment Setup

Make sure your environment meets the following requirements (important):

git
You need Git to clone the project and manage its versions.
NodeJS
>=18.12.0, version 20.12.0 or later is recommended.
pnpm
>= 8.7.0, the latest version is recommended.

Installation and Usage

Get the Code

# Clone the code
git clone SnowAdmin

Install Dependencies

Install Project Dependencies

pnpm install

Plugin Configuration

Install Vue - Official and disable Vetur

Vue - Official - Vue Language Support Extension

Project Startup

{
  // Start the development environment
  "dev": "vite",
  // Build the development environment
  "build:dev": "vue-tsc && vite build --mode development",
  // Build the production environment
  "build:prod": "vue-tsc && vite build --mode production",
  // Build the testing environment
  "build:test": "vue-tsc && vite build --mode test",
  // Start the preview environment
  "preview": "vite preview"
}

File and Resource Directory

SnowAdmin
├─ .husky                 # husky configuration files
├─ .vscode                # Recommended VSCode settings
├─ build                  # Vite project configuration directory
├─ public                 # Static resource files (this folder will not be included in the build)
├─ src
│  ├─ api                 # API interface management
│  ├─ assets              # Static resource files
│  ├─ components          # Global components
│  ├─ config              # Global configuration items
│  ├─ directives          # Global custom directive files
│  ├─ globals             # Global functions
│  ├─ hooks               # Common Hooks utilities
│  ├─ lang                # Internationalization (i18n)
│  ├─ layout              # Framework layout modules
│  ├─ mock                # Local data mocking
│  ├─ router              # Route management
│  ├─ store               # Pinia store
│  ├─ style               # Global style files
│  ├─ typings             # Global TypeScript declarations
│  ├─ utils               # Common utility libraries
│  ├─ views               # All project pages
│  ├─ App.vue             # Main project component
│  ├─ main.ts             # Project entry file
│  └─ vite-env.d.ts       # Specify ts to recognize vue
├─ .editorconfig          # Code editor configuration file
├─ .env                   # General environment configuration
├─ .env.development       # Development environment configuration
├─ .env.production        # Production environment configuration
├─ .env.test              # Test environment configuration
├─ .eslintignore          # Ignore Eslint validation
├─ .eslintrc.cjs          # Eslint validation configuration file
├─ .gitignore             # Ignore git commits
├─ .prettierignore        # Ignore Prettier formatting
├─ .prettierrc.cjs        # Prettier formatting configuration
├─ .stylelintignore       # Ignore Stylelint validation
├─ .stylelintrc.cjs       # Stylelint formatting configuration
├─ commitlint.config.cjs  # Git commit convention configuration
├─ index.html             # Entry HTML file
├─ LICENSE                # Open-source license
├─ lint-staged.config.cjs # lint-staged configuration file
├─ package-lock.json      # Dependency package version lock
├─ package.json           # Package manager configuration
├─ pnpm-lock.yaml         # Dependency package version lock
├─ README.md              # README introduction
├─ tsconfig.json          # Global TypeScript configuration
└─ vite.config.ts         # Global Vite configuration file

Acknowledgments

vue
axios
nprogress
sortablejs
sass
typescript
vite
wangeditor
qrcodejs
print-js
eslint
prettier
arco.design
pinyin-pro
qrcode
jsbarcode
fingerprintjs2

Special thanks

vue-next-admin
Gi-admin
Geeker-Admin

Thanks to the frameworks mentioned above for supporting this project. Many of their design concepts are worth referencing and learning from. Thanks again.

下载地址免费

资源直链https://gitee.com/wang_fan_w/SnowAdmin

去下载