Video Notes

In VSCode the default keyboard shortcuts for zooming in/out are as follows:

• Zoom in: cmd +
• Zoom out: cmd -

When you use these shortcuts, it zooms the entire interface, but more often than not, I just want to zoom the editor pane where my code is.

To address this, I show in the above video how to make the following keyboard shortcut changes:

• Zoom in
  • View: Zoom In - Remove cmd + shortcut (leave the existing shift cmd + shortcut for interface zooming in)
  • Edit Font Zoom In - Add cmd + shortcut
• Zoom out
  • View: Zoom Out - Remove cmd - shortcut (leave the existing shift cmd - shortcut for interface zooming out)
  • Edit Font Zoom Out - Add cmd + shortcut

Here are the JSON settings if you want to quickly add them to your keybindings.json file:

{
    "key": "cmd+=", 
    "command": "-workbench.action.zoomIn" // Removes the default shortcut of zooming in interface with cmd +
},
{
    "key": "cmd+=",
    "command": "editor.action.fontZoomIn" // Adds the shortcut of zooming in editor with cmd + 
},
{
    "key": "cmd+-",
    "command": "-workbench.action.zoomOut" // Removes the default shortcut of zooming out interface with cmd -
},
{
    "key": "cmd+-",
    "command": "editor.action.fontZoomOut" // Adds the shortcut of zooming out editor with cmd -
}