Awesome
<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 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,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://zclzone.github.io/qs-admin
Getting Started
# 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
# Test Environment
pnpm build:test
# Github Environment
pnpm build:github
# Prod Environment
pnpm build
Other
# eslint check
pnpm lint
# eslint check and fix
pnpm lint:fix
# Preview(Need to build first)
pnpm preview
# Commit(husky+commitlint)
pnpm cz