# VueTool

**Repository Path**: qin-study/vue-tool

## Basic Information

- **Project Name**: VueTool
- **Description**: 一个 Vue 的特效库。均使用 Vue3+vite 实现各种炫酷的动画效果。效果均收集自互联网，或改编而成。
可 clone 下来，直接运行查看效果。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-13
- **Last Updated**: 2023-04-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# VueTool

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run dev
```

### Compiles and minifies for production

```
npm run build
```

### Lints and fixes files

```
npm run lint
```

![](https://img-blog.csdnimg.cn/5f325b18c1fc4feeb7f31bbccd290096.png)

一个 Vue 的特效库。均使用 Vue3+vite 实现各种炫酷的动画效果。效果均收集自互联网，或改编而成。
可 clone 下来，直接运行查看效果。

## 部分效果列表

- ttf_1

鼠标点击出现爱心。

![](https://img-blog.csdnimg.cn/335ff5fd42e849c0bbd878ae4a02562b.gif)

- ttf_2

鼠标点击出现文字。自定义设置文字

![](https://img-blog.csdnimg.cn/1ec76df2b085488da0aa4fa7bcb4b7d9.gif)

- ttf_3

鼠标点击，烟花爆炸。

![](https://img-blog.csdnimg.cn/b64b3cc0e1d24a5b8d8d3b0b78b4df7e.gif)

- ttf_4

鼠标滑动会有跟随鼠标的彩迹。

![](https://img-blog.csdnimg.cn/5507db6e39c54f30839086e1ac2632f6.gif)

- ttf_5

![](https://img-blog.csdnimg.cn/c6716408a28c4daab518472053c88639.gif)

- ttf_9

![](https://img-blog.csdnimg.cn/084c8d650d464d95a974d658acdb4e5a.gif)

- ttf_18

看对应的 Vue，然后根据 Vue 中需要的 js 文件，将 index.html 中注释掉的 js 文件取消注释。
![](https://img-blog.csdnimg.cn/578ce7fc099e4539b9a8249df2d33aef.gif)