# vue-admin-plus

**Repository Path**: starstore/vue-admin-plus

## Basic Information

- **Project Name**: vue-admin-plus
- **Description**: Vue Admin Plus 基于Vue3.x + Vite4.x + Typescript5.x + Pinia2.x + ElementPlus的中后台前端解决方案，适配手机、平板、PC的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2023-11-16
- **Last Updated**: 2025-04-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, vue3, TypeScript, vite, Pinia

## README

<div align="center">

![logo](https://starstore.gitee.io/vueadminplus-doc/logo.png)

<p align="center">
    <a href="https://v3.vuejs.org/" target="_blank">
        <img src="https://img.shields.io/badge/vue.js-vue3.x-green" alt="vue">
    </a>
    <a href="https://vitejs.dev/" target="_blank">
        <img src="https://img.shields.io/badge/vite-%3E4.0.0-yellow" alt="vite">
    </a>
    <a href="https://www.tslang.cn/" target="_blank">
        <img src="https://img.shields.io/badge/typescript-%3E5.0.0-blue" alt="typescript">
    </a>
    <a href="https://pinia.vuejs.org/zh/" target="_blank">
        <img src="https://img.shields.io/badge/Pinia-%3E2.0.0-success" alt="typescript">
    </a>
    <a href="https://element-plus.gitee.io/#/zh-CN/component/changelog" target="_blank">
        <img src="https://img.shields.io/badge/element--plus-%3E2.0.0-orange" alt="element plus">
    </a>
</p>
<h1>Vue Admin Plus</h1>
</div>

<div align="center">

[演示地址](https://starstore.gitee.io/vueadminplus-doc/demo/#/login) |
[文档地址](https://starstore.gitee.io/vueadminplus-doc/)
</div>

### 🌈 介绍

`Vue Admin Plus` 基于`Vue3.x` + `Vite4.x` + `Typescript5.x` + `Pinia2.x` + `ElementPlus`的中后台前端解决方案，适配手机、平板、PC的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。

![logo](https://starstore.gitee.io/vueadminplus-doc/g_1.jpg)

### ⛱ 演示和文档

| 类型 | 链接 |
| -------- | -------- |
| 文档地址 | https://starstore.gitee.io/vueadminplus-doc/ |
| 演示地址  | https://starstore.gitee.io/vueadminplus-doc/demo/#/login |

### ⚡ 特点

- **组件** 多个独家组件、业务模板
- **权限** 完整的鉴权体系和高精度权限控制
- **布局** 提供多套布局模式，满足各种视觉需求
- **API** 完善的API管理，使用真实网络MOCK
- **配置** 统一的全局配置和组件配置，支持build后配置热更新
- **性能** 在减少带宽请求和前端算力上多次优化，并且持续着
- **其他** 多功能视图标签、动态权限菜单、控制台组态化、统一异常处理等等

### 📚 部分截图

![logo](https://starstore.gitee.io/vueadminplus-doc/g_2.jpg)

### 🚧 安装教程
``` sh
### 克隆项目
git clone https://gitee.com/starstore/vue-admin-plus.git

### 进入项目目录
cd vue-admin-plus

### 安装依赖
yarn install

### 启动项目(开发模式)
yarn serve
```
启动完成后浏览器访问 http://localhost:8080

### ❤ 特别鸣谢

感谢<a target="_blank" href="https://gitee.com/lolicode/scui">SCUI Admin</a>

<img src="https://www.fastmock.site/resource/images/logo.png" style="height:40px"/>

- <a href="https://github.com/vuejs/vue" target="_blank">vue</a>
- <a href="https://github.com/element-plus/element-plus" target="_blank">element-plus</a>
- <a href="https://github.com/vuejs/pinia" target="_blank">pinia</a>
- <a href="https://github.com/apache/echarts" target="_blank">echarts</a>
- <a href="https://github.com/axios/axios" target="_blank">axios</a>
- <a href="https://github.com/rstacruz/nprogress" target="_blank">nprogress</a>
- <a href="https://github.com/SortableJS/Sortable" target="_blank">sortablejs</a>
- <a href="https://github.com/sass/sass" target="_blank">sass</a>
- <a href="https://github.com/microsoft/TypeScript" target="_blank">typescript</a>
- <a href="https://github.com/vitejs/vite" target="_blank">vite</a>
- <a href="https://github.com/wangeditor-team/wangEditor" target="_blank">wangeditor</a>
- <a href="https://github.com/fengyuanchen/cropperjs" target="_blank">cropperjs</a>
- <a href="https://github.com/js-cookie/js-cookie" target="_blank">js-cookie</a>
- <a href="https://github.com/davidshimjs/qrcodejs" target="_blank">qrcodejs2-fix</a>
- <a href="https://github.com/intlify/vue-i18n-next" target="_blank">vue-i18n</a>

### 💌 支持作者

如果觉得本项目框架不错或在工作中已经在使用了，请在<a target="_blank" href="https://gitee.com/starstore/vue-admin-plus">Gitee</a>(码云)帮忙点个 ⭐ Star，这是对开发者最大的支持和鼓励！