# ESP32WebScopeUI

**Repository Path**: xubovey/ESP32WebScopeUI

## Basic Information

- **Project Name**: ESP32WebScopeUI
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-11
- **Last Updated**: 2025-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#ESP32WebScopeUI

### 简介

基于ESP32最小系统板制作的网页示波器+波形发生器，本仓库存放的是web界面代码

- 采用`vue3.0`+`vite3`+`ts`开发(新手边学边做的，代码很菜)
- 界面布局则采用了`element-plus`。
- 同时项目尝试了使用按需引入+自动导入的方式减少了编译后的文件体积
- 支持切换深色模式
- 同时适配电脑与手机端
- 通过websocket与ESP32通信
- 编译并压缩后全部文件仅`280kB`，完全可以放入ESP32的flash中

主界面如图所示：

![overview](./image/overview.png)

### 编译及使用方法

首先克隆代码并安装依赖

```bash
yarn install
```

开发环境使用(带热更新)：

```bash
yarn run dev
```

在生产环境使用，编译并预览：

```bash
yarn run build
yarn run preview
```