https://github.com/nick930826/image-compress

图片压缩客户端工具
https://github.com/nick930826/image-compress

electron-vue vue-cli

Last synced: 17 days ago
JSON representation

图片压缩客户端工具

• Host: GitHub
• URL: https://github.com/nick930826/image-compress
• Owner: Nick930826
• Created: 2019-11-18T09:17:54.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T14:36:30.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T07:36:58.906Z (about 1 month ago)
• Topics: electron-vue, vue-cli
• Language: JavaScript
• Size: 1.37 MB
• Stars: 11
• Watchers: 3
• Forks: 3
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# image-compress

> 一个基于 electron 实现的图片压缩工具

#### Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:9080

npm run dev

# build electron application for production

npm run build

```

分享用 Electron 技术栈制作一个图片压缩客户端小工具，让入门了 Electron 的同学，有一个练手的小项目，此项目能一直当作自己的一个项目进行维护，也能在自己的工作小团队里进行小范围的使用，也算是一个前端基建项目。

1. 认识 Electron

2. Electron-Vue 项目目录介绍

3. 初始化项目，实现第一个小目标——拖拽上传图片

4. 实现图片压缩和展示列表

5. LowDB 实现本地持久化

6. 利用主进程和渲染进程通信，完成托拽图片到图标上传图片

7. 编译和打包

8. 拓展与思考，分享 GitHub 源码地址

#### 项目预览

![](http://s.weituibao.com/1576287005160/WeChate739c1282c36b2b41df502c8f84f5d7e.png)