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 。
- Host: GitHub
- URL: https://github.com/zclzone/qs-admin
- Owner: zclzone
- License: mit
- Created: 2022-07-31T08:32:35.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-08T00:58:23.000Z (over 2 years ago)
- Last Synced: 2023-12-08T01:35:18.264Z (over 2 years ago)
- Language: TypeScript
- Homepage: https://admin-ts.isme.top
- Size: 596 KB
- Stars: 141
- Watchers: 4
- Forks: 24
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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