# vue-keyboard

**Repository Path**: errorone/vue-keyboard

## Basic Information

- **Project Name**: vue-keyboard
- **Description**: vue-keyboard 是一个模拟人手敲击键盘的vue.js组件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://www.oschina.net/p/vue-keyboard
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2019-09-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-hand-keyboard
[![996.icu](https://img.shields.io/badge/link-996.icu-red.svg)](https://996.icu)
[![LICENSE](https://img.shields.io/badge/license-NPL%20(The%20996%20Prohibited%20License)-blue.svg)](https://github.com/996icu/996.ICU/blob/master/LICENSE)
> A real hand tapping keyboard
<img src="screenshot.gif"/> 

### Install
The recommended way is using `npm` 
``` bash
npm install vue-hand-keyboard --save 
```

### Usage
In your entry script
```javascript
import Vue from 'vue'
import VueKeyboard from 'vue-hand-keyboard'
Vue.use(VueKeyboard);
```

Then in your `.vue` file
```vue
<vue-keyboard :width="600"></vue-keyboard>
```
It is done! Really simple to use ? Yes ❤ 


### About license
Because the svg files are downloding from [typingclub](https://typingclub.com) \
I have no authority to make this repository MIT 

### Links
* [我为什么要做这个vue-hand-keyboard组件(知乎文章)](https://zhuanlan.zhihu.com/p/59911949)