CODEWITHSUNDEEP
visual-studio-codezooming
Merchako
Merchako

Reputation: 899

VS Code: How to resize editor window without resizing the whole interface?

In Microsoft's VS Code, I can zoom in and out with the keyboard shortcuts ⌘+ and ⌘-. These commands affect the entire interface, such as the file explorer and both editor windows.

I'd like a way to zoom in and out of only the active editor window. How can I do this?

Clarification: I don't want to change the window size. I only want to change the apparent font size of the text I'm editing.

Upvotes: 8

Views: 35671

Answers (4)

Mark
Mark

Reputation: 180845

As I mentioned in the comments shortly after the original post, you can change the font-size for the editors. That change will not affect other parts of the UI like the activity bar or explorer. But it will affect all editors, not only the active one.

Open the user settings (either by clicking the gear icon in the lower left or by Ctrl-,) and entering, in the split pane for entering user settings, modify:

"editor.fontSize": 18,

EDIT: As of v1.24 you can now zoom only the editors (and not the entire interface). See font zoom controls.

Font zoom commands have been added and they increase or decrease the font size of the editor while the rest of VS Code UI is left as-is. This feature is very handy for presentations and pair-programming.

Use the following keybindings to replace the default global zoom actions:

on macOS:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

on Windows and Linux:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

You need to add those keybindings in order to override existing zoom controls using the same bindings - otherwise you will get the old behavior of the entire interface zooming.

Upvotes: 12

mix3d
mix3d

Reputation: 4333

There is a plugin that was made for this very feature.

Check out https://marketplace.visualstudio.com/items?itemName=fosshaas.fontsize-shortcuts

Upvotes: 0

Yash Kochar
Yash Kochar

Reputation: 471

There is a way of doing that, but that's not a fast way as zoom-in and zoom-out. You can change the font-size setting in setting file.

Goto File -> Preferences -> Settings In editor section of the file, there is a property font-size. You have to edit it as per your requirement and then save the file.

Upvotes: 2

ifconfig
ifconfig

Reputation: 6832

The editor window is bound to either full-screen or split screen mode. As of when writing, there is no feature to make the editor window any smaller.

Upvotes: 0

Related Questions