Is there a way in vscode to only zoom in on the editor

Question

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?

score 137 · Answer 1 · edited May 24 '18 at 17:59

137

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.

edited May 24 '18 at 17:59

John Leonard

909
11
18

answered Jan 16 '17 at 20:39

user7418370

1,371
2
7
2

2

How to reset this? – Bernardo Dal Corno Jun 15 '18 at 16:41
Found it. See [cezn](https://stackoverflow.com/a/50783324/3645375) answer – Bernardo Dal Corno Jun 15 '18 at 18:32
1

In case you aren't using a mouse you hold `Ctrl` + drag two fingers on your touchpad instead – Simon_Weaver Jun 29 '18 at 05:26
4

This is the best answer. No need for plugins. – d.i.joe Jul 19 '18 at 05:18
6

In newer versions of Visual Studio Code (tested on v.1.33.1) , you don't need to manually edit the settings.json file. The Settings tab has the option - you just need to search for Mouse Wheel Zoom in the search bar, and check the 'Zoom the font of the editor when using the mouse wheel and holding Ctrl' option. – x__x Apr 21 '19 at 07:10
this even turns on the "pinch to zoom" in mac. GREAT WORK – Mickey Perlstein Jul 13 '21 at 12:22

score 56 · Answer 2 · edited Nov 05 '20 at 03:59

56

Update Version 1.24 - May 2018

There 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:

edited Nov 05 '20 at 03:59

KyleMit

30,350
66
462
664

answered Jun 10 '18 at 11:40

cezn

2,705
11
16

1

Does your version still have these settings? I cannot seem to find them in the current 1.60 – wruckie Sep 03 '21 at 16:38

Shaun Luttin · Accepted Answer · 2019-06-21T17:39:49.670

26

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.

edited Jun 21 '19 at 17:39

answered Jan 09 '17 at 04:10

Shaun Luttin

133,272
81
405
467

2

this extension doesn't work very well anymore, at least not on mac (e.g. increasing the font does not work) – Klas Mellbourn Mar 22 '18 at 20:58
The docs cannot seem to agree if you use the `=` or `+` key to zoom in. As far as I can tell you must use `=`, which means you can't use the numeric keypad. When you do `Ctrl` + `+` you get the entire IDE zooming in and out, but with `=` it's just the font size. – Simon_Weaver Jun 29 '18 at 05:33
Your link now goes to a 404 page. – Scott Tesler Jun 21 '19 at 15:47
2

@ScottTesler Fixed. Thank you. – Shaun Luttin Jun 21 '19 at 17:39
Why this feature does not build-in on VS installation (Very very basic idea). hh very weird (Imagine on chrome you need to download extension for zoom in-out page). Thanks anyway. – Ezra Siton Mar 12 '20 at 11:18

score 5 · Answer 4 · answered Nov 10 '20 at 17:00

5

Ctrl + Shift + P to open the Command Palette
Type Editor Font Zoom In
Press Enter
Repeat until the font is the desired size

answered Nov 10 '20 at 17:00

Edward McCabe

59
1
2

3

Hi Edward. This answer seems to be duplicating the steps already provided in the existing answers. Please try to avoid answering questions that already have suitable answers unless there is a unique solution to present to the community. Kind Regards. – Elletlar Nov 10 '20 at 17:55

score 4 · Answer 5 · answered Nov 05 '20 at 04:10

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. Choose Preferences: 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 from View: Zoom In and View: Zoom Out. You can right-click them and choose Remove Keybinding or select them and hit the delete key.
Add the new keybindings for Editor Font Zoom In and Editor Font Zoom Out. You just select Editor 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)

score 3 · Answer 6 · answered Jan 13 '20 at 17:06

3

Go to Settings
Then, Swap to Workspace tab at the top
at last, Change Editor: Font Size

answered Jan 13 '20 at 17:06

Yousef Roshandel

183
1
3
11

score 2 · Answer 7 · answered Jul 02 '22 at 17:30

2

Yes, you can change it as default. Try these steps:

Open Visual Studio Code.
Type command CTRL + SHFT + P.
Type Settings. The settings file will open.
Now under User > Text Editor > Font, find Font Size.
Enter your desired font size.

answered Jul 02 '22 at 17:30

tn2000

642
1
8
13

score 1 · Answer 8 · answered Feb 27 '22 at 12:41

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.

score 0 · Answer 9 · answered Apr 03 '20 at 14:56

0

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.

answered Apr 03 '20 at 14:56

Chris Schwab

52
1
4

score 0 · Answer 10 · answered Nov 08 '20 at 21:09

0

You can go to the keyboard shortcuts page, then search up "Editor Font Zoom", there should be some shortcuts you can bind to keys.

answered Nov 08 '20 at 21:09

Cutewarriorlover

158
2
11

thanks for the effort, but I believe this is already covered by the existing answers – KyleMit Nov 08 '20 at 21:44

score 0 · Answer 11 · answered Jul 07 '23 at 03:57

0

1.- Go to Settings:

File -> Preferences -> Settings (Ctrl + ,)

2.- Go to the font size settings:

Text Editor -> Font -> Font Size

3.- Set the desired font size, this will only apply to the editor but not to the rest of the application.

answered Jul 07 '23 at 03:57

Ricardo Alexis Huerta Salazar

25
6

Is there a way in vscode to only zoom in on the editor

11 Answers11

Update Version 1.24 - May 2018

Linked