In VSCode the default keyboard shortcuts for zooming in/out are as follows:
- Zoom in:
ctrl
+
- Zoom out:
ctrl
-
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.
![](https://s3.amazonaws.com/making-the-internet/cws-vscode-zoom-types@2x.png)
To address this, I show in the above video how to make the following keyboard shortcut changes:
- Zoom in
-
View: Zoom In - Remove
ctrl
+
shortcut (leave the existingshift
ctrl
+
shortcut for interface zooming in) -
Edit Font Zoom In - Add
ctrl
+
shortcut
-
View: Zoom In - Remove
- Zoom out
-
View: Zoom Out - Remove
ctrl
-
shortcut (leave the existingshift
ctrl
-
shortcut for interface zooming out) -
Edit Font Zoom Out - Add
ctrl
+
shortcut
-
View: Zoom Out - Remove
Here are the JSON settings if you want to quickly add them to your keybindings.json file:
{
"key": "ctrl+=",
"command": "-workbench.action.zoomIn" // Removes the default shortcut of zooming in interface with cmd +
},
{
"key": "ctrl+=",
"command": "editor.action.fontZoomIn" // Adds the shortcut of zooming in editor with cmd +
},
{
"key": "ctrl+-",
"command": "-workbench.action.zoomOut" // Removes the default shortcut of zooming out interface with cmd -
},
{
"key": "ctrl+-",
"command": "editor.action.fontZoomOut" // Adds the shortcut of zooming out editor with cmd -
}