How to Zoom In and Out in Visual Studio Code

Adjusting the user interface size in Visual Studio Code can greatly improve readability and reduce eye strain. This article provides a quick guide on how to zoom in and out to change the overall font size of the VS Code UI, including the sidebar, menus, and editor, using keyboard shortcuts, the command menu, and application settings.

Method 1: Keyboard Shortcuts

The fastest way to adjust the zoom level of the entire Visual Studio Code interface is by using keyboard shortcuts.

• To Zoom In (increase size):
  • Windows/Linux: Press Ctrl + = (or Ctrl + Shift + =)
  • macOS: Press Cmd + = (or Cmd + Shift + =)
• To Zoom Out (decrease size):
  • Windows/Linux: Press Ctrl + -
  • macOS: Press Cmd + -
• To Reset Zoom to Default:
  • Windows/Linux: Press Ctrl + Numpad 0
  • macOS: Press Cmd + Numpad 0

Method 2: Using the View Menu

If you prefer using the mouse, you can control the zoom level directly from the application menu.

1. Click on View in the top menu bar.
2. Hover over Appearance.
3. Click on Zoom In, Zoom Out, or Reset Zoom to adjust the interface to your preference.

Method 3: Adjusting the Zoom Level in Settings

For precise control over the UI scale, you can set a specific zoom level in the VS Code settings.

1. Open the Settings editor by pressing Ctrl + , (Windows/Linux) or Cmd + , (macOS).
2. In the search bar at the top, type window.zoomLevel.
3. Locate the Window: Zoom Level setting.
4. Modify the value:
   • 0 is the default size.
   • Positive numbers (e.g., 1, 1.5, 2) will zoom in.
   • Negative numbers (e.g., -1, -1.5, -2) will zoom out.

The changes will apply instantly to the entire workspace.