# image-viewer

**Repository Path**: LSU/image-viewer

## Basic Information

- **Project Name**: image-viewer
- **Description**: 一个基于 Electron, React, React Router 开发的图片查看器. An image viewer application based on Electron, React, React Router.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-05-04
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# image-viewer

[English Documentation](./README.en.md)

一个基于 Electron, React, React Router 开发的图片查看器.

## 预览

![intro](./screen/intro.png)

![home](./screen/home.png)

![detail](./screen/detail.png)

![preview](./screen/preview.png)

![play](./screen/play.png)

![play](https://user-images.githubusercontent.com/12265053/44616267-3e0aac80-a87f-11e8-9c35-6451d91afe0a.gif)

![play](https://user-images.githubusercontent.com/12265053/44616256-eff5a900-a87e-11e8-9598-f09f25582172.gif)

## 相关

- [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate)
- [diaporama](https://github.com/gre/diaporama)
- [ant-design](https://github.com/ant-design/ant-design)
- [react-medium-image-zoom](https://github.com/rpearce/react-medium-image-zoom)

## 开发

```
# clone 仓库
git clone https://github.com/senntyou/image-viewer.git

# 安装依赖
npm install

# 开发
npm run dev

# 在 production 模式下运行
npm run start

# 创建安装文件

npm run package-all # 创建安装文件 for linux&win&mac.

npm run package-linux # 创建安装文件 only for linux.

npm run package-win # 创建安装文件 only for win.

npm run package-mac # 创建安装文件 only for mac.
```