Summarize this article with:
Squinting at tiny code on a 4K monitor? You need to learn how to zoom in VSCode.
Visual Studio Code defaults to a zoom level that works for most screens. But high-resolution displays, presentations, and long coding sessions demand adjustments.
The good news: VSCode offers multiple ways to change zoom level, from quick keyboard shortcuts to persistent settings that survive restarts.
This guide walks through 5 methods to adjust your editor zoom and font size settings. You will learn exact paths, shortcuts for Windows, macOS, and Linux, plus fixes for common display issues.
Takes about 2 minutes. No extensions required.
How to Zoom in VSCode
Zooming in VSCode is the process of increasing the display size of the editor interface, text, or both to improve readability on any screen.
Developers need this when working on high-resolution monitors, presenting code to a team, or simply reducing eye strain during long coding sessions.
This guide covers 5 methods requiring under 2 minutes total. Works on Windows, macOS, and Linux with Visual Studio Code version 1.60 or later.
Prerequisites
- VSCode version: 1.60 or later installed
- Operating system: Windows 10/11, macOS 10.15+, or Ubuntu 20.04+
- Time required: 1-2 minutes
- Skill level: Beginner
No extensions needed. All zoom features come built into the core editor.
Step One: How Do You Zoom In Using Keyboard Shortcuts?
Press Ctrl+Plus on Windows/Linux or Cmd+Plus on macOS to instantly increase the zoom level of the entire VSCode window, including the editor, sidebar, and activity bar.
Action
- Windows/Linux: Press Ctrl and the + key simultaneously
- macOS: Press Cmd and the + key simultaneously
- Result: Interface scales up by one increment (approximately 20%)
Repeat the shortcut to zoom in further. Each press adds another level.
Purpose
Keyboard shortcuts give you the fastest way to adjust zoom without leaving your code. Perfect for quick adjustments during screen sharing or pair programming sessions.
Step Two: How Do You Adjust Zoom Level Through the View Menu?
Click View in the top menu bar, select Appearance, then choose Zoom In to increase the display size through the graphical interface.
Action
- Path: View > Appearance > Zoom In
- Alternative: View > Appearance > Zoom Out (to decrease)
- Result: Window zoom level changes immediately
The status bar at the bottom shows your current zoom percentage after each change.
Purpose
Menu navigation works well for users who prefer mouse-driven workflows. Also useful when you forget the keyboard shortcut or work on an unfamiliar system.
Step Three: How Do You Set a Custom Zoom Level in Settings?
Open the Settings panel, search for “zoom,” then enter a specific numeric value in the Window: Zoom Level field to set a persistent zoom that stays across sessions.
Action
- Path: File > Preferences > Settings (or Ctrl+Comma)
- Search: Type “window.zoomLevel” in the search bar
- Value: Enter a number (0 = default, 1 = 120%, 2 = 140%, -1 = 80%)
You can also edit your settings.json file directly by adding the line: "window.zoomLevel": 1
Purpose
Custom zoom levels in settings.json persist after restarting VSCode. Set it once and forget it. Your preferred zoom level loads automatically every time you open the editor.
This method gives precise control over the exact magnification percentage, unlike the incremental keyboard shortcuts.
Step Four: How Do You Change Only the Editor Font Size Without Zooming the Entire Interface?
Open Settings, search for Editor: Font Size, then enter a pixel value like 16 or 18 to increase text size in the code editor while keeping menus, sidebar, and activity bar at their original scale.
Action
- Path: File > Preferences > Settings > search “editor.fontSize”
- Default value: 14 pixels
- Recommended range: 14-20 pixels for most displays
The change applies instantly. No restart needed.
You can also change the font family alongside the size for better readability.
Purpose
Font size adjustment targets only the code editor text. Keeps the UI compact while making your code easier to read.
Best for developers who want larger code but prefer a smaller interface footprint.
Step Five: How Do You Reset Zoom to Default?
Press Ctrl+0 (Windows/Linux) or Cmd+0 (macOS) to instantly reset zoom level to 100%, or use View > Appearance > Reset Zoom from the menu bar.
Action
- Keyboard shortcut: Ctrl+0 or Cmd+0
- Menu path: View > Appearance > Reset Zoom
- Settings method: Set “window.zoomLevel” to 0 in settings.json
Purpose
Quick reset after presentations or when switching between monitors with different resolutions. Returns everything to default without hunting through settings.
Verification
Check the current zoom level in two ways:
- Look at the bottom-right status bar after zooming
- Open Settings and search “window.zoomLevel” to see the stored value
A zoom level of 0 means 100%. Positive numbers increase size; negative numbers decrease it.
If text appears larger but the status bar shows 0, you likely changed the editor font size instead of the window zoom.
Troubleshooting
Issue: Zoom Shortcut Not Working
Another extension or system setting may have captured the keybinding.
Check for conflicts: File > Preferences > Keyboard Shortcuts > search “zoom”. Reassign if another command uses Ctrl+Plus.
Issue: Zoom Resets After Restarting VSCode
Your settings.json may not have write permissions, or workspace settings override user settings.
Open settings.json directly and verify "window.zoomLevel" exists. Check that you edited User settings, not Workspace settings.
Issue: Text Appears Blurry After Zooming
High DPI scaling conflicts with VSCode zoom on some displays.
Try adjusting your operating system’s display scaling settings instead of VSCode zoom. On Windows: Settings > Display > Scale. On macOS: System Preferences > Displays > Resolution.
Related Actions
Once you have zoom configured, consider these related editor customizations:
- Format your code automatically for consistent readability
- Open the integrated terminal to run commands without leaving the editor
- Exit Zen mode if you accidentally entered distraction-free view
- Set up Prettier for automatic code formatting on save
Adjusting display settings is part of setting up a comfortable web development IDE environment.
Developers working on front-end development projects often combine zoom adjustments with theme changes for optimal screen sharing during code reviews.
FAQ on How To Zoom In Vscode
What Is the Keyboard Shortcut to Zoom In VSCode?
Press Ctrl+Plus on Windows and Linux. Press Cmd+Plus on macOS.
Each press increases the zoom level by one increment. The entire VSCode window scales up, including the editor, sidebar, and activity bar.
How Do I Zoom Out in VSCode?
Press Ctrl+Minus on Windows/Linux or Cmd+Minus on macOS.
You can also use View > Appearance > Zoom Out from the menu bar. Each action decreases the display size by approximately 20%.
How Do I Reset Zoom to Default in VSCode?
Press Ctrl+0 (Windows/Linux) or Cmd+0 (macOS) to reset immediately.
The menu alternative is View > Appearance > Reset Zoom. This returns the window zoom level to 100%.
Can I Zoom Only the Editor Text Without Zooming the Entire Interface?
Yes. Change Editor: Font Size in Settings instead of using window zoom.
Go to File > Preferences > Settings, search “editor.fontSize,” and enter a larger pixel value. The UI stays compact while code text grows.
How Do I Set a Permanent Zoom Level in VSCode?
Open Settings and search for window.zoomLevel. Enter a numeric value like 1 or 2.
This setting persists in your user settings.json file. VSCode loads your preferred zoom automatically on every startup.
Why Is My Zoom Shortcut Not Working?
Another extension or system hotkey likely captured the keybinding.
Check File > Preferences > Keyboard Shortcuts and search “zoom” to find conflicts. Reassign the shortcut or disable the conflicting binding.
What Is the Difference Between Zoom Level and Font Size in VSCode?
Zoom level scales the entire interface: menus, sidebar, terminal, and editor.
Font size only affects text in the code editor. Use zoom for presentations. Use font size for daily coding comfort.
How Do I Zoom In VSCode on Mac?
Press Cmd+Plus to zoom in and Cmd+Minus to zoom out.
Press Cmd+0 to reset. These shortcuts mirror standard macOS zoom behavior found in browsers and other applications.
Can I Zoom the Integrated Terminal Separately?
Yes. Search for terminal.integrated.fontSize in Settings.
Enter a pixel value independent of the editor font size. This lets you keep code large while maintaining a smaller terminal display, or vice versa.
How Do I Fix Blurry Text After Zooming in VSCode?
Blurry text usually indicates a conflict between VSCode zoom and your OS display scaling.
Try resetting VSCode zoom to 0 and adjusting your operating system’s DPI scaling instead. Windows: Settings > Display > Scale.
Conclusion
Learning how to zoom in VSCode takes less than two minutes but improves your daily coding experience significantly.
You now have five methods: keyboard shortcuts for quick adjustments, the View menu for mouse-driven control, user settings for persistent configurations, font size changes for text-only scaling, and reset commands when things get out of hand.
Pick the method that fits your workflow. Most developers stick with Ctrl+Plus and Ctrl+Minus for speed.
For presentations and screen sharing, set a higher window zoom level in your workspace settings beforehand. For everyday coding, adjusting the editor font size often works better than scaling the entire interface.
Your eyes will thank you after those long debugging sessions.
Many of his resources are available on various design marketplaces and for free on Codepen.
Over the years, he's worked with a range of clients and contributed to design publications like Design Your Way, Designmodo, WebDesignerDepot, WPDean, and Speckyboy, and Slider Revolution among others.
- Android App Drawer vs Home Screen: Differences Explained - April 16, 2026
- 7 Things to Know Before Buying Refurbished Servers in 2026 - April 16, 2026
- iPhone Parental Controls: Complete Guide - April 15, 2026
