An open API service indexing awesome lists of open source software.

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

⚡️轻量级后台管理模板, 基于 Vue3 + Vite3 + TypeScript + Pinia + Unocss + Naive UI 。
https://github.com/zclzone/qs-admin

Last synced: 12 months ago
JSON representation

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

Awesome Lists containing this project

README

          



Vue Naive Admin Logo








English |
简体中文

> 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