# electron-express-sharp

**Repository Path**: lincq_cn/electron-express-sharp

## Basic Information

- **Project Name**: electron-express-sharp
- **Description**: 一个基于Electron，使用Vue和TypeScript构建的图片处理应用程序，专注于快速生成缩略图。
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: https://www.lincq.cn/
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-01-19
- **Last Updated**: 2025-03-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 图片压缩服务

一个基于Electron，使用Vue和TypeScript构建的图片处理应用程序，专注于快速生成缩略图。

本应用程序旨在为用户提供一个便捷的桌面环境下的图片压缩服务。通过简单的HTTP请求，用户可以轻松地访问和调整本地图片尺寸，特别是生成高质量的缩略图。支持路径别名、自定义宽高尺寸以及缩放比例，确保图片处理灵活高效，满足快速生成缩略图的需求。

<img src="./images/image.png" alt="alt text" style="margin-right: 1%" width="30%" height="auto" />
<img src="./images/image-1.png" alt="alt text" style="margin-right: 1%" width="30%" height="auto" />
<img src="./images/image-2.png" alt="alt text" width="30%" height="auto" />

## 功能特点

- **快速生成缩略图**：支持按指定宽度和高度调整图片尺寸，支持按缩放比例调整图片尺寸。
- **路径别名**：支持为图片文件夹设置路径别名，方便访问。
- **跨平台支持**：支持Windows、macOS和Linux系统。
- **支持HTTPS**：支持通过HTTPS协议访问图片。
- **易于使用**：易于使用：通过简单的HTTP请求即可操作，支持开机自启动。
- **高性能**：利用Electron和Node.js的高性能特性，确保图片处理快速高效。

## 推荐的IDE设置

- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [TypeScript Vue插件（Volar）](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin)

## 项目设置

### 安装

```bash
$ pnpm install
```

### 开发

```bash
$ pnpm dev
```

### 构建

```bash
# 对于Windows系统
$ pnpm build:win
# 对于macOS系统
$ pnpm build:mac
# 对于Linux系统
$ pnpm build:linux
```

### 调用说明

图片的文件夹路径应按照以下格式进行处理：

1. 路径别名，在访问图片时，可以使用路径别名来代替实际的文件夹路径。

   ```
   例如，如果图片位于`/Users/用户名/Documents/图片文件夹`，可以将路径别名设置为
   `my-pics`。
   然后在访问图片时使用`http://localhost:3000/my-pics/图片路径.png`。
   ```

2. 如果需要按指定的宽度和高度调整图片尺寸，可以使用如下格式：

   ```
   http://localhost:3000/路径别名/图片路径.png?w=宽度&h=高度
   http://localhost:3000/路径别名/图片路径.png?w=宽度，此时会按照宽度等比例调整高度
   ```

   其中，“图片路径”是图片的实际路径，宽度（w）和高度（h）为你希望设置的值。
3. 如果需要按缩放比例调整图片尺寸，使用以下格式：

   ```
   http://localhost:3000/路径别名/图片路径.png?s=缩放比例
   ```

   其中，“图片路径”是图片的实际路径，缩放比例（s）是一个介于0和1之间的数字，表示按比例缩放图片的大小。