avatarCoding Beauty

Summary

This article discusses three amazing VS Code zooming tricks for greater productivity, including font zooming, zooming with scroll, and powerful zoom extensions.

Abstract

The article titled "3 amazing VS Code zooming tricks for greater productivity" discusses various ways to improve productivity while using Visual Studio Code (VS Code) by utilizing zooming features. The article begins by mentioning the basic zoom in and out feature available in every text editor. However, it highlights some hidden gems that can help users quickly level up their zoom game.

The first trick discussed is font zooming, which allows users to zoom in on the code without affecting the rest of the editor UI. This can be accessed through the command palette. The second trick is zooming with scroll, which allows users to adjust the zoom level using Ctrl + mouse scroll. This feature can be turned on by enabling the "Editor: Mouse Wheel Zoom" setting.

The article also discusses powerful zoom extensions available in the VS marketplace. One such extension is Zoom Bar, which displays the exact zoom level in the status bar and allows users to set it precisely with input zoom. Another extension mentioned is Terminal Zoom, which allows users to zoom in on the terminal font.

The article concludes by mentioning the benefits of using these zooming tricks, such as laser-precise focus on specific lines, syntax, and details without straining the eyes. It also recommends a guide to the subtle caveats and lesser-known parts of JavaScript.

Bullet points

  • VS Code has basic zoom in and out features, but there are hidden gems to quickly level up the zoom game.
  • Font zooming allows users to zoom in on the code without affecting the rest of the editor UI.
  • Zooming with scroll can be achieved by using Ctrl + mouse scroll after turning on the "Editor: Mouse Wheel Zoom" setting.
  • Powerful zoom extensions such as Zoom Bar and Terminal Zoom are available in the VS marketplace.
  • Zooming tricks allow for laser-precise focus on specific lines, syntax, and details without straining the eyes.
  • The article recommends a guide to the subtle caveats and lesser-known parts of JavaScript.

3 amazing VS Code zooming tricks for greater productivity

As expected VS Code has the basic zoom in & out in every text editor.

But they’re some hidden gems💎 to quickly level up your zoom game once found.

Dig into the command palette and you’ll find Font zooming — zooming just the code without the rest of the editor UI.

Zoom with scroll

Easily adjust zoom with Ctrl + mouse scroll:

After turning on the Editor: Mouse Wheel Zoom setting:

Powerful zoom extensions

The VS marketplace is packed full with powerful capable extensions that boost various aspects of your workflow.

For zooming there’s none better to start with than Zoom Bar:

The first thing you notice right away after install: the exact zoom level now shows up in the status bar:

+ and - buttons are obviously to zoom in and out.

Select the zoom percentage and this dialog appears:

Just as you can see your exact zoom, you can also set it precisely with Input zoom:

And what about zooming just the terminal font?

There’s an extension for that too:

My status bar has gotten semi-painfully humongous now but it’s clear how useful these upgrades are… They were always great for taking screenshots when I used a 768p PC.

An of course: laser-precise focus on specific lines, syntax, and details without straining your eyes. Or whatever other reason you need to zoom for.

Every Crazy Thing JavaScript Does

Just when you thought you knew all the quirks. Avoid painful bugs and save valuable time with Every Crazy Thing JavaScript Does, a captivating guide to the subtle caveats and lesser-known parts of JavaScript.

Get a free copy here today.

Programming
Technology
JavaScript
Software Development
Vscode
Recommended from ReadMedium
avatarOlenin Slava
Why Zig programmers are making so much money

Are you wondering why Zig programmers make so much money? Guess what? It is not what you are thinking.

4 min read
avatarLorenz Hofmann-Wellenhof
Follow These 6 Patterns or I Will Reject Your Pull Request

Get Your PRs Merged Faster! Lessons Learned from Reviewing 1,000+ PRs!

4 min read
avatarSelcuk Ozdemir
Use VS Code Like a Pro

VS Code is powerful, but it can be even better with the right tweaks. Check out these quick tips to elevate your coding game:

3 min read
avatarShuai Li
Why Do Most Programmers Prefer if-else Than switch?

Recently, I was reviewing code, and I found a funny thing. It seems most programmers prefer to use if-else than switch!

3 min read
avatarshiiyan
How I Failed in Event-Driven Architecture

In my recent project, I aimed to rewrite a messy codebase using event-driven architecture. However, I discovered that achieving true…

6 min read
avatarFrancis K
Why You Should Abandon All Your Personal Productivity Tools For This

This is why I believe in an all-in-one productivity tool

6 min read