# vue3-element-plus-template

**Repository Path**: moxuandi/vue3-element-plus-template

## Basic Information

- **Project Name**: vue3-element-plus-template
- **Description**: vue-admin-template 的 vue3+elementPlus版本，这是一个极简的 vue admin 管理后台。它只包含了 ElementPlus UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2021-05-24
- **Last Updated**: 2025-04-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# element-plus-vite-starter

这是一个极简的 vue admin 管理后台。它只包含了 ElementPlus UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。

> 参考 [A starter kit for Element Plus with Vite](https://github.com/element-plus/element-plus-vite-starter)
> 参考 [vue-admin-template](https://gitee.com/panjiachen/vue-admin-template)

<img width="800" alt="Element Plus" src="https://user-images.githubusercontent.com/10731096/97282764-0726eb80-187a-11eb-9658-6dc98ccb8f8d.png">

### 运行项目
```
# Installation dependency
$ yarn

# Compiles and hot-reloads for development
$ yarn dev

# Compiles and minifies for production
$ yarn build

# 代码格式检查
$ yarn lint

# 代码格式检查并自动修复
$ yarn lint --fix
```

### 目录结构

> 复制自`vue-element-admin`, 待修正。

本项目已经为你生成了一个完整的开发框架，提供了涵盖中后台开发的各类功能和坑位，下面是整个项目的目录结构。

├── public                     # 静态资源
│   │── favicon.ico            # favicon图标
├── src                        # 源代码
│   ├── api                    # 所有请求
│   ├── assets                 # 主题 字体等静态资源
│   ├── components             # 全局公用组件
│   ├── directive              # 全局指令 [待补充]
│   ├── filters                # 全局 filter [待补充]
│   ├── icons                  # 项目所有 svg icons
│   ├── lang                   # 国际化 language [待补充]
│   ├── layout                 # 全局 layout
│   ├── plugins                # 插件
│   ├── router                 # 路由
│   ├── store                  # 全局 store 管理
│   ├── styles                 # 全局样式
│   ├── utils                  # 全局公用方法
│   ├── views                  # views 所有页面
│   ├── App.vue                # 入口页面
│   ├── main.js                # 入口文件 加载组件 初始化等
│   ├── permission.js          # 权限管理
│   └── settings.js            # 全局页面变量配置
├── .env.xxx                   # 环境变量配置
├── .eslintrc.js               # eslint 配置项
├── index.html                 # html模板
├── vite.config.js             # vite 配置
└── package.json               # package.json

### 集成任务（持续完善）

- √ 请求/响应拦截与封装
- √ 路由管理
- √ store 管理
- √ 权限验证: 页面权限, 指令权限
- √ 登录 / 注销
- √ 多环境发布: dev, stage, prod
- √ 代码格式检查并自动修复
- √ 全局公用方法封装