# electron_v3_toolbox

**Repository Path**: overwhat/electron_v3_toolbox

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-22
- **Last Updated**: 2026-06-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 多功能工具箱（electron_v3_toolbox）

## 项目简介

基于 **Electron + Vue 3 + Vite** 的桌面工具箱应用，集成 Element Plus UI 框架，提供二维码生成、时间戳转换、日期计算、JSON 格式化、编码/解码等实用工具，支持跨平台桌面打包分发。

## 技术栈

- **Vue 3**（`<script setup>` SFC）
- **Vite** 构建工具
- **Element Plus** UI 组件库
- **Electron** 桌面应用框架
- **electron-builder** 打包工具
- **vue-router** 路由管理

## 如何运行

```bash
# node版本 20.0.0

# 安装依赖
npm install

# 启动 Electron 桌面应用（开发模式，支持热更新）
npm run electron:dev

# 仅启动 Vite，在浏览器中预览
npm run dev
```

## 如何打包

```bash
npm run electron:build
```

执行流程：先通过 `vite build` 构建前端资源，再调用 `electron-builder` 生成安装包。

## 打包产物位置

打包成功后，安装包位于项目根目录下的 **`release/`** 文件夹中，格式为 NSIS 安装程序（`.exe`），支持自定义安装目录和创建桌面快捷方式。

## 项目结构

```
electron_v3_toolbox/
├── electron/                  # Electron 主进程
│   ├── main.cjs               # 主进程入口
│   └── preload.cjs             # 预加载脚本
├── src/                       # 前端源码（渲染进程）
│   ├── config/menu.js         # 菜单配置
│   ├── layout/AppLayout.vue   # 应用布局
│   ├── router/                # 路由配置
│   ├── views/                 # 页面视图
│   ├── App.vue                # 根组件
│   └── main.js                # 渲染进程入口
├── release/                   # 打包输出目录
├── package.json               # 项目配置与脚本
└── vite.config.js             # Vite 配置
```