# multiterminal-preview

**Repository Path**: liaoliao314/multiterminal-preview

## Basic Information

- **Project Name**: multiterminal-preview
- **Description**: Preview Your Website On Different Devices
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: https://liaooo.cn/preview/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-07-11
- **Last Updated**: 2022-07-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Liaooo Multiterminal Preview

##### Vue3 + Vite

每次更新网站都要重新截图、做预览图，太麻烦了！于是就有了这个小工具，这样每次更新只需要输入网址直接截图就可以了✨

创意来自 [web-multiterminal-preview](https://github.com/zfowed/web-multiterminal-preview)

[在线预览](https://liaooo.cn/preview/)

- 可以预览你的网站在不同设备下的显示效果
- 可以自定义不同设备的网址
- 可以预览单个设备（点击设备边框即可）

（没有制作截屏功能）

> 小小练习，技术有限，没有考虑兼容性，为了方便自己更新网站的时候用。


## 安装依赖

```
yarn 

#or 

npm i 
```

## 开发
```
yarn dev

#or 

npm run dev
```

## 打包
```
yarn build

#or 

npm run build
```


![liaooo cn_preview_](https://user-images.githubusercontent.com/102633566/178280862-b4081667-b210-402c-9e57-4831d0b492ff.jpg)