How to center the editor window back on the cursor in VSCode?

Question

I'm using VSCode as my text editor. I'm curious, is there a keybinding for centering the editor window on the cursor, when the window is a lot of lines below/above it such that it's not visible on the screen? I've tried looking at the default keybindings by going to FIle > Preferences > Keyboard Shortcuts, but I see no such options for centering the window.

Answer 1

There is no such keybinding / command built-in.

I couldn't stand that either, so I created a VSCode extension. You can find it and install it here on the marketplace. The default shortcut is CTRL + L.

Answer 2

If you are using vscodevim, zz should work.

Answer 3

If you want to always keep the cursor on the center, you can change the setting editor.cursorSurroundingLines to a really high number (100 is ok) and that should work.

Answer 4

As @kwood put it, there is an extension Center Editor Window in the marketplace that meets this end.

I would like to make an answer here, to complement that -- even the extension's author did not explicitly state in the marketplace page -- if you would like to change the default key binding (Ctrl+L), you may try put the following lines in the keybindings.json for the keyboard bindings.

{
    "key": "cmd+k cmd+c",
    "command": "center-editor-window.center",
    "when": "editorTextFocus"
},

The above command sets ⌘ Command+K, ⌘ Command+C as the keyboard shortcut.

---

Apart from that, you may set

"center-editor-window.threeStateToggle": true,

in the settings.json for VS Code settings so that it will switch among three states (center, top, bottom) instead of one (center).