# admin-vue3-ts

**Repository Path**: sk20020228/admin-vue3-ts

## Basic Information

- **Project Name**: admin-vue3-ts
- **Description**: Vue3+TS+Vite开发的企业级后台管理系统，内置用户/角色/路由/日志/通知公告/附件上传等模块，支持权限粒控、主题切换和一键Docker部署，开箱即用。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: https://admin-vue3-ts.is-an.ai/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-23
- **Last Updated**: 2025-09-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3

## README

# admin-vue3-ts

> vue3+ts开发的后台管理系统
>
> 预览地址：https://admin-vue3-ts.is-an.ai/



## 项目介绍

> 使用zread.ai生成的项目介绍

[![zread](https://img.shields.io/badge/Ask_Zread-_.svg?style=flat&color=00b0aa&labelColor=000000&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuOTYxNTYgMS42MDAxSDIuMjQxNTZDMS44ODgxIDEuNjAwMSAxLjYwMTU2IDEuODg2NjQgMS42MDE1NiAyLjI0MDFWNC45NjAxQzEuNjAxNTYgNS4zMTM1NiAxLjg4ODEgNS42MDAxIDIuMjQxNTYgNS42MDAxSDQuOTYxNTZDNS4zMTUwMiA1LjYwMDEgNS42MDE1NiA1LjMxMzU2IDUuNjAxNTYgNC45NjAxVjIuMjQwMUM1LjYwMTU2IDEuODg2NjQgNS4zMTUwMiAxLjYwMDEgNC45NjE1NiAxLjYwMDFaIiBmaWxsPSIjZmZmIi8%2BCjxwYXRoIGQ9Ik00Ljk2MTU2IDEwLjM5OTlIMi4yNDE1NkMxLjg4ODEgMTAuMzk5OSAxLjYwMTU2IDEwLjY4NjQgMS42MDE1NiAxMS4wMzk5VjEzLjc1OTlDMS42MDE1NiAxNC4xMTM0IDEuODg4MSAxNC4zOTk5IDIuMjQxNTYgMTQuMzk5OUg0Ljk2MTU2QzUuMzE1MDIgMTQuMzk5OSA1LjYwMTU2IDE0LjExMzQgNS42MDE1NiAxMy43NTk5VjExLjAzOTlDNS42MDE1NiAxMC42ODY0IDUuMzE1MDIgMTAuMzk5OSA0Ljk2MTU2IDEwLjM5OTlaIiBmaWxsPSIjZmZmIi8%2BCjxwYXRoIGQ9Ik0xMy43NTg0IDEuNjAwMUgxMS4wMzg0QzEwLjY4NSAxLjYwMDEgMTAuMzk4NCAxLjg4NjY0IDEwLjM5ODQgMi4yNDAxVjQuOTYwMUMxMC4zOTg0IDUuMzEzNTYgMTAuNjg1IDUuNjAwMSAxMS4wMzg0IDUuNjAwMUgxMy43NTg0QzE0LjExMTkgNS42MDAxIDE0LjM5ODQgNS4zMTM1NiAxNC4zOTg0IDQuOTYwMVYyLjI0MDFDMTQuMzk4NCAxLjg4NjY0IDE0LjExMTkgMS42MDAxIDEzLjc1ODQgMS42MDAxWiIgZmlsbD0iI2ZmZiIvPgo8cGF0aCBkPSJNNCAxMkwxMiA0TDQgMTJaIiBmaWxsPSIjZmZmIi8%2BCjxwYXRoIGQ9Ik00IDEyTDEyIDQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K&logoColor=ffffff)](https://zread.ai/766187397/admin-vue3-ts)



## 技术栈

- Vue3
- TypeScript
- Vite
- pinia
- axios
- crypto-js
- socket.io-client
- element-plus
- 等等



## 功能

- 登录
  - 账号密码
  - 邮箱验证码

- 错误页面
- 用户管理
- 角色管理
- 路由管理
- 日志管理
- 数据字典
- 通知公告
- 附件管理
- 邮箱模板管理
- 等等



## 环境

> 设置了开发环境和生成环境的.env



## 项目设置

```sh
npm install
```

### 编译和热重载开发

> serve开发环境、dev生产环境、start生产环境打开浏览器

```sh
npm run serve

npm run dev

npm run start
```

### 打包

> 默认是生产环境

```sh
npm run build

npm run build:dev
```





## Docker部署

> 使用了GitHub自动化上传到了Docker hub

```
docker pull 766187397/admin-vue3-ts:latest
```



## 后端项目

gitee：https://gitee.com/sk20020228/nest-serve

GitHub：https://github.com/766187397/nest-serve



## 截图

![image-20250804174509229](example/image-20250804174509229.png)







![image-20250804174733345](example/image-20250804174733345.png)