一个很酷的模拟手动敲击键盘的vue.js组件!

vue-hand-keyboard是笔者最近开发的一款模拟手动敲击键盘的vue.js组件。

话不多说, 先直接看这个组件的效果吧!

再说说这个vue.js组件怎么用之前,先聊聊我为什么要开发这个组件。

我是俩个月之前知道我媳妇不会盲打的,我一直以为盲打是我们IT从业者的基本技能。我媳妇告诉我说:不是啊,有很多人像我一样关了灯就不知道怎么打字了。别看我打字也很快但是不偶尔看一下键盘就打不好了~~

我:。。。。


那好吧,我本来想祭出我当年初中时候练习盲打的金山打字给我媳妇练习,但是我下载下来之后发现,卧槽,这软件十多年了还是这个破样子,一点都没有雷布斯的风格啊!

然后在一个朋友的推荐下,我找到了一个很好的在线盲打练习网站,因为网站是国外的所以国内无法访问我就不给出了。

然后我就突发奇想,我能不能自己做一个在线盲打练习网站呢?

但是我转念一想,与其做网站不如做成一个开源组件,其他人有什么其它的idea也可以拿去修改,所以这个vue组件就诞生了。

所以就是这样,那么下面就介绍一下如何使用吧~~


前方内容有点专业,非IT人员迅速撤离~~

Github 地址:AJLoveChina/vue-keyboard

Install

The recommended way is using npm

npm install vue-hand-keyboard --save

Usage

In your entry script

import Vue from 'vue'
import VueKeyboard from 'vue-hand-keyboard'
Vue.use(VueKeyboard);

Then in your .vue file

<vue-keyboard :width="600"></vue-keyboard>

It is done! Really simple to use ? Yes ❤

About license

Because the svg files are downloding from typingclub
I have no authority to make this repository MIT

编辑于 2019-04-24