Chris
Chris

Reputation: 1391

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

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?

Upvotes: 79

Views: 61954

Answers (11)

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.

enter image description here

Upvotes: 1

tn2000
tn2000

Reputation: 758

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

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

Upvotes: 2

mikibok
mikibok

Reputation: 127

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.

mouse wheel zoom setting

Upvotes: 8

Edward McCabe
Edward McCabe

Reputation: 59

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

Upvotes: 5

Cutewarriorlover
Cutewarriorlover

Reputation: 158

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

Upvotes: 0

Mustafa Poya
Mustafa Poya

Reputation: 3027

To change the keyboard shortcuts so they only zoom the editor font, you just need to:

  1. Open the Command Palette (Control+Shift+P) and type Keyboard Shortcuts. Choose Preferences: Open Keyboard Shortcuts.
  2. 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.
  3. 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)

enter image description here

Upvotes: 5

cezn
cezn

Reputation: 3035

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:

screenshot of font zoom commands

Upvotes: 69

Chris Schwab
Chris Schwab

Reputation: 52

  1. Command+Shift+P (or View->Command Palette...)
  2. Search "editor font zoom"

You can zoom in, zoom out or reset to default and only the editor window will be effected.

Upvotes: 0

Yousef Roshandel
Yousef Roshandel

Reputation: 340

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

Upvotes: 4

Shaun Luttin
Shaun Luttin

Reputation: 141462

You want the FontSize Shortcuts extension.

enter image description here

Installation:

  1. Ctrl + P
  2. ext install fontsize-shortcuts
  3. 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.

Upvotes: 26

user7418370
user7418370

Reputation: 1651

Out of Box solution for zoom in/out for text only:

  1. Ctrl+Shift+P (or View->Command Palette...)
  2. Type Open User Settings
  3. Edit settings.json
  4. Add "editor.mouseWheelZoom": true
  5. Save it.

You can use your mouse wheel to zoom in or zoom out only text in the text box.

 

Upvotes: 165

Related Questions