⌨️

VSCodeのVim拡張でデフォルトショートカットを設定する

2024/04/14に公開

はじめに

VSCodeにはVim拡張機能があるので気軽にVimを書き始められます。

https://marketplace.visualstudio.com/items?itemName=vscodevim.vim

ただVSCodeのデフォルトショートカットはVimのキーバインドに上書きされてしまうので設定し直す必要があります。
Ctrl+pでファイル検索したいしCtrl+wでファイル閉じたい!

設定方法

settings.jsonでVimのキーバインドを変更することができます。
下記のように設定することでインサートモード時にj,kと入力するとノーマルモードに切り替えます。

settings.json
{
  "vim.insertModeKeyBindings": [
    {
      "before": ["j", "k"],
      "after": ["<Esc>"]
    }
  ]
}

commandsでビルトインのコマンドを呼び出すこともできます。
これでVSCodeのデフォルトショートカットを設定できました。

settings.json
{
  "vim.insertModeKeyBindings": [
    {
      "before": ["<C-p>"],
      "commands": ["workbench.action.quickOpen"]
    },
    {
      "before": ["<C-w>"],
      "commands": ["workbench.action.closeActiveEditor"]
    }
  ]
}

参考

https://code.visualstudio.com/api/references/commands
https://zenn.dev/ishikawa_masasi/articles/vscodevim-settings

Discussion