# vue3-admin-template

**Repository Path**: liuwusong/vue3-admin-template

## Basic Information

- **Project Name**: vue3-admin-template
- **Description**: 后台管理系统-vue3版本
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-21
- **Last Updated**: 2025-08-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vuejs3+Vite2+ElementPlus后台管理系统模板

## 简介

vue3模板搭建的管理系统模板，基于vue-lite-admin[https://github.com/someGenki/vue-lite-admin.git]进行的二次开发

## 技术

(列出来方便写报告呢！)

- [Vue.js 3](https://v3.cn.vuejs.org/) ： 一套用于构建用户界面的**渐进式框架**
- [Vite 2](https://cn.vitejs.dev/) ：基于`ESM` 的新型前端构建工具，能够显著提升前端开发体验
- [Vue Router 4](https://next.router.vuejs.org/zh/) ：Vue.js 的官方路由。它与 Vue.js
  核心深度集成
- [Pinia](https://pinia.esm.dev/) ：状态管理库，Vuex的替代者  (已成为官方项目)
- [Element Plus](https://element-plus.gitee.io/) ：基于 Vue 3.0 的桌面端组件库
- [axios](https://echarts.apache.org/zh/index.html) ：基于`promise`的HTTP请求库
- [echarts](https://axios-http.com/zh/) ：基于 JavaScript 的开源可视化图表库
- [mockjs](http://mockjs.com/) ：生成随机数据，拦截 Ajax 请求
- [SCSS](https://www.sass.hk/docs/) ：动态样式语言，是强化CSS的辅助工具
- [prettier](https://prettier.io/) ：可配置化的代码格式化工具，支持多种语言
- [stylelint](https://stylelint.io/) : CSS代码检查规范工具
- [commitlint](https://commitlint.js.org/) : 帮助团队遵守commit约定

## 功能

### 按钮权限、页面权限、组件权限等

1. 使用v-if+自定义过滤函数
2. 使用v-auth 就是对上面方式的封装
3. 定义权限组件，有权限才展示 

## 项目部署

```javascript
// 启动项目
npm install 
npm run dev

// 项目部署
npm run build

// 测试环境部署
npm run test
```

## 项目源码来源

````sh
git clone https://github.com/someGenki/vue-lite-admin.git
# 对于上不了github的用户可以使用fastgit
git clone https://hub.fastgit.org/someGenki/vue-lite-admin.git
````