# vue-keyboard

**Repository Path**: mirrors/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**: 8
- **Forks**: 6
- **Created**: 2019-03-21
- **Last Updated**: 2025-12-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-hand-keyboard
> 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)