qs-admin - GitLite

KO | EN

gitlite — search

#python #typescript #golang #android #machine-learning #rust #macos #java #windows #awesome #cli #kubernetes #mcp #open-source

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

// 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>