#ESP32WebScopeUI

简介

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

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

主界面如图所示：

编译及使用方法

首先克隆代码并安装依赖

yarn install

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

yarn run dev

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

yarn run build
yarn run preview