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?

Answer 1

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.

Answer 2

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

Answer 3

You want the FontSize Shortcuts extension .

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.

Answer 4

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

Answer 5

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

Answer 6

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)

Answer 7

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.

Answer 8

您可以进入键盘快捷键页面，然后搜索“编辑字体缩放”，应该有一些快捷键可以绑定到键。

Answer 9

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 .

Answer 10

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.