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

Visual Studio-Code

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

  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.

 

Solution 2 - Visual Studio-Code

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

Solution 3 - Visual Studio-Code

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.

Solution 4 - Visual Studio-Code

  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

Solution 5 - Visual Studio-Code

  1. Go to Settings
  2. Then, Swap to Workspace tab at the top
  3. 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:

  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

Solution 7 - Visual Studio-Code

  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.

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.

mouse wheel zoom setting

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionChrisView Question on Stackoverflow
Solution 1 - Visual Studio-Codeuser7418370View Answer on Stackoverflow
Solution 2 - Visual Studio-CodeceznView Answer on Stackoverflow
Solution 3 - Visual Studio-CodeShaun LuttinView Answer on Stackoverflow
Solution 4 - Visual Studio-CodeEdward McCabeView Answer on Stackoverflow
Solution 5 - Visual Studio-CodeYousef RoshandelView Answer on Stackoverflow
Solution 6 - Visual Studio-CodeMustafa PoyaView Answer on Stackoverflow
Solution 7 - Visual Studio-CodeChris SchwabView Answer on Stackoverflow
Solution 8 - Visual Studio-CodeCutewarriorloverView Answer on Stackoverflow
Solution 9 - Visual Studio-CodemikibokView Answer on Stackoverflow