阅读 124

一个让你的code变成音符的vscode扩展~

唉,该怎么说呢? 其实就是玩儿~~~

先看下我做的vscode扩展der简历:

名字pressMusic
作用1codeing时候,会有do re mi音符奏起
作用2codeing一个小时的时候,会有time for relax 提示音响起
作用3vscode底部状态栏,提供一个暂停do re mi音乐的按钮

用名字搜索即可找到并安装~

安装后在编辑去打出这个:"qqttyytrreewwqttrreewttrreewqqttyytrreewwq" ——你肯定听过~~hhhhh

如何实现的?

技术点 1:监听键盘事件

vscode 并没有提供监听键盘事件的方法,但是利用onDidChangeTextDocument可以达到同样效果,核心代码: vscode.workspace.onDidChangeTextDocument(onDidChangeTextDocument)

技术点 2:播放事先准备好的音频

利用node spawn,轻松播放音频~ 核心代码: spawn(this.player, videoPath, options)

技术点3:设置底部状态item

利用vscode 提供的 createStatusBarItem方法,创建item,核心代码:statusBarPause = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Left, 300);

技术点4:给底部item绑定函数

  • 需要先注册一个命令:vscode.commands.registerCommand(pauseCommandId, onchangeVolume)
  • 将这个命令挂载到上面item:statusBarPause.command = pauseCommandId

很简单,附上全部源码这里

文章分类
前端