# tools

**Repository Path**: lichv/tools

## Basic Information

- **Project Name**: tools
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-16
- **Last Updated**: 2025-07-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 在线工具集

基于 Vue3 + Vite5 + Element Plus 开发的在线工具类静态网站。

## 功能特性

### 🔐 加密解密工具
- **MD5加密**: 生成文本的MD5哈希值
- **Base64编码/解码**: 支持文本的Base64编码和解码
- **URL编码**: 支持URL的编码和解码

### 🔄 编码转换工具
- **Unicode编码**: 支持文本的Unicode编码和解码
- **Unix时间戳**: 时间戳与日期时间的相互转换
- **UTF-8编码**: 支持UTF-8编码转换
- **二维码生成/解码**: 生成二维码图片，支持下载

### 📝 代码格式化工具
- **JSON格式化**: 支持JSON的格式化、压缩和验证
- **XML格式化**: 支持XML的格式化、压缩和验证
- **HTML格式化**: 支持HTML的格式化、压缩和验证

### 🛠️ 其他工具
- **正则表达式验证**: 支持正则表达式的测试和验证
- **颜色值转换**: 支持HEX、RGB、HSL、CMYK等颜色格式的相互转换

## 技术栈

- **Vue 3**: 渐进式JavaScript框架
- **Vite 5**: 下一代前端构建工具
- **Element Plus**: Vue 3的组件库
- **Vue Router**: Vue.js官方路由管理器
- **CryptoJS**: 加密算法库
- **js-base64**: Base64编码解码库
- **qrcode**: 二维码生成库

## 安装和运行

### 环境要求
- Node.js >= 16.0.0
- npm >= 8.0.0

### 安装依赖
```bash
npm install
```

### 开发模式
```bash
npm run dev
```

### 构建生产版本
```bash
npm run build
```

### 预览生产版本
```bash
npm run preview
```

## 项目结构

```
tools/
├── docs/                 # 文档目录
├── src/                  # 源代码目录
│   ├── views/           # 页面组件
│   │   ├── Home.vue     # 首页
│   │   ├── Encrypt.vue  # 加密解密工具
│   │   ├── Encode.vue   # 编码转换工具
│   │   ├── Format.vue   # 代码格式化工具
│   │   └── Other.vue    # 其他工具
│   ├── router/          # 路由配置
│   │   └── index.js
│   ├── App.vue          # 主应用组件
│   └── main.js          # 应用入口
├── index.html           # HTML模板
├── package.json         # 项目配置
├── vite.config.js       # Vite配置
└── README.md           # 项目说明
```

## 使用说明

1. **首页**: 显示所有工具分类，点击卡片进入对应工具页面
2. **工具页面**: 每个工具页面都包含返回首页按钮，方便导航
3. **复制功能**: 所有工具都支持一键复制结果到剪贴板
4. **响应式设计**: 支持桌面端和移动端访问

## 开发说明

### 添加新工具
1. 在 `src/views/` 目录下创建新的工具页面组件
2. 在 `src/router/index.js` 中添加路由配置
3. 在 `src/views/Home.vue` 中添加工具分类卡片

### 样式规范
- 使用Element Plus组件库
- 响应式布局，支持移动端
- 统一的颜色主题和间距

## 许可证

MIT License