SerialAssistant

<p align="center">
    <h1 align="center">波特律动串口助手</h1>
    <h2 align="center">BaudDance Serial Assistant</h2>

</p>
<p align="center">
    <em>一个可以直接在浏览器中使用的串口助手工具</em><br>
    <em>A serial port assistant that can be used directly in the browser</em>
</p>

<p align="center">
  <a href="https://serial.baud-dance.com/" target="_blank">
    <img src="https://img.shields.io/badge/_在线使用-Live_Demo-4FC3F7?style=for-the-badge&logo=googlechrome&logoColor=white&labelColor=1976D2" alt="在线使用 / Online Demo" height="40">
  </a>
</p>
<p align="center" >
  <img src="docs/img/screenshot-1.png" alt="screenshot">
</p>
<br>
<p align="center">
  <a href="https://github.com/BaudDance/SerialAssistant">
    <img src="https://img.shields.io/github/stars/BaudDance/SerialAssistant?style=social" alt="GitHub Stars">
  </a>
  <a href="https://github.com/BaudDance/SerialAssistant">
    <img src="https://img.shields.io/github/forks/BaudDance/SerialAssistant?style=social" alt="GitHub Forks">
  </a>
  <br>
  <br>
  <img src="https://img.shields.io/badge/Vue-3.x-4FC08D?style=flat-square&logo=vue.js&logoColor=white" alt="Vue 3">
  <img src="https://img.shields.io/badge/Vite-7.x-646CFF?style=flat-square&logo=vite&logoColor=white" alt="Vite">
  <img src="https://img.shields.io/badge/TailwindCSS-4.x-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white" alt="Tailwind CSS">
  <br>
  <img src="https://img.shields.io/badge/Web_Serial_API-Supported-00D8FF?style=flat-square" alt="Web Serial API">
  <img src="https://img.shields.io/badge/Web_Bluetooth_API-Supported-0052CC?style=flat-square" alt="Web Bluetooth API">
  <br>
  <img src="https://img.shields.io/badge/License-MIT-green?style=flat-square" alt="License">
  <br>
  <br>
</p>

## ✨ 特性 / Features

- 🌐 **浏览器原生支持** - 基于 Web Serial API 和 Web Bluetooth API，无需安装驱动
- 📱 **响应式设计** - 支持桌面端，自适应布局
- 🔌 **多种连接方式** - 支持 USB 串口和蓝牙连接
- 📊 **实时数据监控** - 实时显示串口数据收发记录
- 🎨 **现代化界面** - 基于 Vue 3 + JavaScript +Tailwind CSS 构建的美观界面
- ⚡ **高性能** - 使用 Rolldown-Vite 构建，支持热重载和快速开发
- 🛠️ **可定制** - 支持多种数据格式显示和发送选项

## 🚀 快速开始 / Quick Start

### 环境要求 / Prerequisites

- Node.js >= 22
- pnpm >= 10 (推荐使用 pnpm)
- 现代浏览器（支持 Web Serial API）

### 安装 / Installation

```bash
# 克隆项目
git clone <repository-url>
cd SerialAssistant

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build
```

## 🚀 部署指南 / Deployment Guide

### Docker 部署 / Docker Deployment

项目提供了Docker支持，可以使用Docker快速部署应用。

```bash
# 使用Docker构建镜像
docker build -t serial-assistant .

# 运行容器
docker run -d -p 8080:80 --name serial-assistant serial-assistant
```

或者使用docker-compose：

```bash
# 使用docker-compose启动服务
docker-compose up -d
```

构建完成后，访问 http://localhost:8080 即可使用应用。

### Netlify 部署 / Netlify Deployment

项目支持一键部署到 Netlify，提供了完整的配置文件。

#### 方式一：使用 Netlify CLI

1. 安装 Netlify CLI

```bash
npm install -g netlify-cli
```

2. 登录 Netlify

```bash
netlify login
```

3. 初始化并部署项目

```bash
# 构建项目
pnpm build

# 部署到 Netlify
pnpm deploy:netlify
```

#### 方式二：通过 Netlify 网站部署

1. 在 [Netlify](https://www.netlify.com) 注册并登