# workTool

**Repository Path**: djg/work-tool

## Basic Information

- **Project Name**: workTool
- **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-12-31
- **Last Updated**: 2025-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WorkTool - 开发工具集合桌面应用

一个基于 Electron + React + TypeScript 的现代化桌面应用，提供各种开发常用工具。

## 功能特性

- 🎨 现代化的用户界面
- ⚡ 快速响应
- 🔧 可扩展的工具架构
- 📦 跨平台支持 (Windows, macOS, Linux)

## 已包含的工具

- JSON格式化
- URL编解码
- Base64转换
- 时间戳转换
- 颜色选择器
- 正则表达式测试

## 开发

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

这将同时启动：
- TypeScript 编译器（监听主进程代码）
- Vite 开发服务器（渲染进程）
- Electron 应用

### 构建

```bash
# 构建应用
npm run build

# 打包为可执行文件
npm run electron:build
```

## 项目结构

```
workTool/
├── src/
│   ├── main/           # Electron 主进程
│   │   ├── main.ts     # 主进程入口
│   │   └── preload.ts  # 预加载脚本
│   └── renderer/        # React 渲染进程
│       ├── main.tsx     # React 入口
│       ├── App.tsx      # 主应用组件
│       └── styles/      # 样式文件
├── dist/               # 构建输出
├── package.json
└── tsconfig.json
```

## 添加新工具

1. 在 `src/renderer/App.tsx` 的 `tools` 数组中添加工具信息
2. 创建对应的工具组件
3. 在 `renderToolContent` 函数中添加工具渲染逻辑

## 技术栈

- **Electron** - 桌面应用框架
- **React** - UI 框架
- **TypeScript** - 类型安全
- **Vite** - 构建工具

## 许可证

MIT