Is there a way in vscode to only zoom in on the editor
Visual Studio-CodeVisual Studio-Code Problem Overview
Currently, when you zoom in while using vscode, the editor, side panel, and icons all get magnified.
Does anyone know how to get functionality similar to Atom where only the editor gets larger?
Visual Studio-Code Solutions
Solution 1 - Visual Studio-Code
Out of Box solution for zoom in/out for text only:
- Ctrl+Shift+P (or View->Command Palette...)
- Type Open User Settings
- Edit settings.json
- Add "editor.mouseWheelZoom": true
- Save it.
You can use your mouse wheel to zoom in or zoom out only text in the text box.
Solution 2 - Visual Studio-Code
Version 1.24 - May 2018
UpdateThere are new commands for to zoom in/zoom out text in editors only:
Editor Font Zoom In
Editor Font Zoom Out
Editor Font Zoom Reset
By default they don't have any keybindings assigned:
Solution 3 - Visual Studio-Code
You want the FontSize Shortcuts extension.
Installation:
- Ctrl + P
ext install fontsize-shortcuts
- Restart Visual Studio Code.
The shortcuts are:
-
Ctrl + = to increase the font size.
-
Ctrl + - to decrease the font size.
-
Ctrl + 0 to reset the font size.
Solution 4 - Visual Studio-Code
Ctrl + Shift + P
to open the Command Palette- Type
Editor Font Zoom In
- Press
Enter
- Repeat until the font is the desired size
Solution 5 - Visual Studio-Code
- Go to Settings
- Then, Swap to Workspace tab at the top
- at last, Change Editor: Font Size
Solution 6 - Visual Studio-Code
To change the keyboard shortcuts so they only zoom the editor font, you just need to:
- Open the Command Palette
(Control+Shift+P)
and type Keyboard Shortcuts. ChoosePreferences: Open Keyboard Shortcuts
. - Search for
zoom.
You'll see a few results, including those for global zoom and editor font zoom. 3)If you want to replace the global zoom shortcuts with editor font zoom, you first need to remove the keybindings fromView: Zoom In
andView: Zoom Out
. You can right-click them and chooseRemove Keybinding
or select them and hit the delete key. - Add the new keybindings for
Editor Font Zoom In
andEditor Font Zoom Out
. You just selectEditor Font Zoom In
and click the+
on the left hand side, type the keybinding you want (eg.Control+Shift+=
) and then press enter.
Note: you might need to open new VS Code windows for these changes to take effect. If the keyboard shortcuts are still zooming the whole interface, you'll need to make sure that you have removed the keybindings from View: Zoom In
and View: Zoom Out
(see step 3 above)
Solution 7 - Visual Studio-Code
- Command+Shift+P (or View->Command Palette...)
- Search "editor font zoom"
You can zoom in, zoom out or reset to default and only the editor window will be effected.
Solution 8 - Visual Studio-Code
You can go to the keyboard shortcuts page, then search up "Editor Font Zoom", there should be some shortcuts you can bind to keys.
Solution 9 - Visual Studio-Code
I cannot comment, but this is an update on cezn's answer and wruckie's question beneath it.
I also do not have these options in 1.64.2, however there is an Editor: Mouse Wheel Zoom
option. Find it by searching for zoom
. Works like a charm by holding ctrl.