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 existingshift
cmd
+
shortcut for interface zooming in) -
Edit Font Zoom In - Add
cmd
+
shortcut
-
View: Zoom In - Remove
- Zoom out
-
View: Zoom Out - Remove
cmd
-
shortcut (leave the existingshift
cmd
-
shortcut for interface zooming out) -
Edit Font Zoom Out - Add
cmd
+
shortcut
-
View: Zoom Out - Remove
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 -
}