vscode 开启web服务_Web 应用快捷键支持（三）：VS Code 快捷键服务的实现

这篇文章是系列文章《Web 应用快捷键支持》的第三篇。前两篇文章中介绍了如何正确处理浏览器 Keyboard Event。今天我们一起来看看，如何把正确解析的键盘事件，映射到对应的命令上。

在 VS Code 中，用户有两种方式自定义快捷键。第一种是使用快捷键编辑器，也就是以图形化的方式修改快捷键到命令的绑定。第二种，也是 VS Code 从第一个版本就支持的方式，直接修改 JSON 格式的快捷键定义。一个快捷键到命令的定义，以 JSON 形式的来表示是

{
      "when": "editorTextFocus && !editorReadonly"}

when语句里可以组合使用各种 context key ，来决定这个绑定什么时候生效。比如上面的例子里，当用户把光标放到编辑器里，同时编辑器里的文件不是只读的(readonly)，那么按下 cmd+/就是把当前行的代码注释掉。

你可以简单的把 VS Code 的快捷键服务存储着上面这种 JSON 格式的快捷键绑定定义。同时，VS Code 在整个 container 上监听 keyboard event，对于每个 keyboard event，在快捷键服务里进行查询，如果能够找到对应的命令，则执行命令，然后 preventDefault()。相信你对此已经比较有经验了，不多加赘述。