# vue-spyro-admin

**Repository Path**: caishancha/vue-spyro-admin

## Basic Information

- **Project Name**: vue-spyro-admin
- **Description**: 基于 Vue3、TypeScript、Vite、Unocss and ElementPlus 开发的纯前端中后台模板
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2024-05-11
- **Last Updated**: 2024-09-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: unocss, vue-spyro-admin

## README

<p align="center">
  <img src="https://gitee.com/xiaoyuan-zs/vue-spyro-admin/raw/master/public/logo.svg"/>
</p>

<h1 align="center">
Spyro-Admin

<div align="center">

![version](https://img.shields.io/badge/vue-3.4.x-green)
![version](https://img.shields.io/badge/vite-5.x.x-yellow)
![version](https://img.shields.io/badge/unocss-0.61.9-red)
![version](https://img.shields.io/badge/elementPlus-2.7.x-blue)
![version](https://img.shields.io/badge/@iconify/vue-4.1.x-white)
![stars](https://img.shields.io/github/stars/xiaoyuan-zs/vue-spyro-admin.svg?style=social&label=Stars)

</div>
</h1>

<div align="center">

一款轻量快速、开箱即用的免费开源的中后台管理系统框架

</div>

### 前言
> Spyro Admin 目前核心框架功能已开发完成，正处于完善阶段，该项目旨在让开发更加便利，降低开发成本。（拓展功能和组件计划开发中...） 🔥🔥🔥


### 技术选型

vue-spyro-admin 采用 Vue3.4、Vite5、TypeScript、Unocss 和 Element Plus 构建，支持Vue模板语法和TSX语法，具有完整的路由系统，支持动、静态路由，采用Pinia 作为系统状态管理工具，同时满足PC端、移动端的适配。

### 特点

* Vite5.x构建
* 路由配置
* 多种路由动画加载
* Pinia 状态管理
* 支持i18n
* 支持全屏预览
* 采用[Iconify](https://iconify.design/)海量图标
* 采用`vite-plugin-fake-server`和`faker-js`模拟数据
* 采用 pnpm monorepo 项目管理
* 封装了Axios网络配置 （包含 请求封装、请求拦截、重复请求取消、超时重连等功能）
* 不同UI风格
* 丰富主题设置
* 标签持久化
* 持续开发中......

### 文档
[查看](https://xiaoyuan-zs.github.io/spyro-docs/)

### 预览

[预览](https://xiaoyuan-zs.github.io/vue-spyro-admin/#/)


### 📑 本地开发

> ⚠️ 本地开发需要保证 `nodejs 18`、`pnpm 9` 以上

```
git clone https://github.com/xiaoyuan-zs/vue-spyro-admin.git

cd spyro-vue-admin

pnpm install

pnpm dev

```

### 适用人群

正处于想要快速适用、开发小型项目、热爱技术、热爱学习、想不断提升自己的同学


### 推荐项目

* [Cool Admin(Vue3)一个很酷的后台管理系统开发框架](https://vue.cool-admin.com/)
* [Vue Pure Admin](https://gitee.com/einak/vue-pure-admin)