qs-admin - GitLite

KO | EN

gitlite — search

#javascript #python #ai #typescript #llm #golang #docker #macos #windows #awesome #awesome-list #pytorch #mcp #openai

qs-admin

(★ 166)

⚡️轻量级后台管理模板，基于 Vue3 + Vite3 + TypeScript + Pinia + Unocss + Naive UI 。

File Explorer

Download Latest Version (.zip)

- commit-msg
- pre-commit
- extensions.json
- settings.json
- - define.ts
  - index.ts
  - proxy.ts
- - html.ts
  - index.ts
  - mock.ts
  - unplugin.ts
- utils.ts
- - auth.js
  - index.js
  - post.js
  - user.js
- index.js
- utils.js
- - index.css
  - index.js
  - logo.png
- favicon.png
- proxy-config.ts
- theme.json
- - index.ts
- - AppMain.vue
  - index.vue
- - index.ts
- - index.ts
- - index.scss
  - reset.css
- - index.ts
- App.vue
- main.ts
- axios.d.ts
- env.d.ts
- global.d.ts
- router.d.ts
- shims.d.ts
- theme.d.ts
.cz-config.js
.env
.env.development
.env.github
.env.production
.gitignore
commitlint.config.js
index.html
LICENSE
package.json
pnpm-lock.yaml
README.md
README.zh-CN.md
tsconfig.json
uno.config.ts
vercel.json
vite.config.ts

# Installation Guide

1. Get the code

git clone https://github.com/zclzone/qs-admin

Downloads the entire project code from GitHub to your computer.

cd qs-admin

Moves into the project folder you just downloaded.

2. Official Install Script

Easy Recommended

Prerequisites

Node.js Node.js must be installed to use npm.

npm i -g pnpm # Installed and can be ignored

Installs the package published on the npm registry globally — no need to clone the source.

✅ After installing, open a new terminal and run the program's version command (e.g. --version) to confirm it worked.

Pulled directly from this repo's README.

3. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm i -g pnpm # Installed and can be ignored

Installs the package published on the npm registry globally — no need to clone the source.

pnpm i # or npm i

Type this command into your terminal and run it.

pnpm dev

Starts the development/run server.

pnpm build:test

Type this command into your terminal and run it.

pnpm build:github

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <a href="https://github.com/zclzone/qs-admin">
    <img alt="Vue Naive Admin Logo" width="200" src="./src/assets/images/logo.png">
  </a>
</p>
<p align="center">
  <a href="https://github.com/zclzone/qs-admin/actions"><img allt="checks" src="https://badgen.net/github/checks/zclzone/qs-admin"/></a>
  <a href="https://github.com/zclzone/qs-admin"><img allt="stars" src="https://badgen.net/github/stars/zclzone/qs-admin"/></a>
  <a href="https://github.com/zclzone/qs-admin"><img allt="forks" src="https://badgen.net/github/forks/zclzone/qs-admin"/></a>
  <a href="./LICENSE"><img allt="MIT License" src="https://badgen.net/github/license/zclzone/qs-admin"/></a>
</p>

<p align='center'>
  <b>English</b> | 
  <a href="https://github.com/zclzone/qs-admin/blob/main/README.zh-CN.md">简体中文</a>
</p>

> Due to the author's limited energy, the ts version is no longer maintained. Rrecommended to use the js version.

js version: https://github.com/zclzone/vue-naive-admin

### Introduction

[Qs Admin](https://github.com/zclzone/qs-admin) is a **completely open source free and commercially allowed** admin template，Based on the latest technology stack of front-end such as `Vue3、Vite3、TypeScript、Pinia、Unocss and Naive UI`. Compared with other more popular backend management templates, this project is more concise, lightweight, fresh style, very low learning costs, ideal for small and medium-sized projects or personal projects.

### Features

- 🍒 Integrated [Naive UI](https://www.naiveui.com)，recommended by Evan You.
- 🍑 Integrated login, logout and permission verification.
- 🍐 Integrated multi-environment configuration, dev, test, production and github pages environments.
- 🍎 Integrated `eslint + prettier`.
- 🍌 Integrated `husky + commitlint`.
- 🍉 Integrated `Mock`.
- 🍍 Integrated `pinia`，lightweight, simple and easy to use alternative to vuex.
- 📦 Integrated `unplugin` auto import.
- 🤹 Integrated `iconify` icon，support custom svg icons.
- 🍇 Integrated `unocss`.

### Preview

[https://admin-ts.isme.top](https://admin-ts.isme.top)

[https://zclzone.github.io/qs-admin](https://zclzone.github.io/qs-admin)

### Getting Started

```shell
# Recommended setup git autocrlf 为 false
git config --global core.autocrlf false

# Clone Project
git clone https://github.com/zclzone/qs-admin.git

cd qs-admin

# Install dependencies(Recommended use pnpm: https://pnpm.io/zh/installation)
npm i -g pnpm # Installed and can be ignored
pnpm i # or npm i

# Start
pnpm dev
```

### Build and Release

```shell
# Test Environment
pnpm build:test

# Github Environment
pnpm build:github

# Prod Environment
pnpm build
```

### Other

```shell
# eslint check
pnpm lint

# eslint check and fix
pnpm lint:fix

# Preview（Need to build first）
pnpm preview

# Commit（husky+commitlint）
pnpm cz
```

### JS Version: Vue Naive Admin

#### Source code

- gitub: [https://github.com/zclzone/vue-naive-admin](https://github.com/zclzone/vue-naive-admin)
- gitee: [https://gitee.com/zclzone/vue-naive-admin](https://gitee.com/zclzone/vue-naive-admin)

#### Preview

- [https://template.isme.top](https://template.isme.top)
- [https://zclzone.github.io/vue-naive-admin](https://zclzone.github.io/vue-naive-admin)

### Communication group & About the author

<a href="https://blog.isme.top/about/">
  <img src="https://static.isme.top/images/about.png" style="max-width: 400px" />
</a>