Issue #119 (Editor Zoom)07/31/24
Knowing your editor's zooming features is helpful especially if you do a lot of live code presentations, or you record demo videos or other material that involves coding.
In VS Code, you can increase the zoom level of the current coding window using the keyboard shortcut CTRL/CMD+= or use CTRL/CMD+- to decrease the zoom. Sublime Text allows you to zoom in and out using the mouse wheel, but VS Code doesn't do that by default. You can change this using the Editor: Mouse Wheel Zoom setting:
It's off by default, so if you like that feature in other editors, you'll want to enable that. You can also enable this separately for the Terminal, if desired.
Another useful zoom-related setting can help you avoid annoyances with zooming different VS Code windows that are open. Prior to January of this year, if you zoomed one open VS Code window, that would also zoom all other open windows. This was undesirable when doing something like a presentation, so now VS Code includes something called Zoom Per Window, which is enabled by default.
And keep in mind that this sets the zoom for all the tabs open in a single window. There isn't currently a way to 'zoom per tab'.
And if you don't like the amount the zoom is incrementing or decrementing, you can control that with the Zoom Level setting:
It's set at "0" by default, which seems to be about a 10% increase/decrease in zoom with each use of the keyboard shortcut or mouse wheel. You can use positive or negative integers to increase or decrease the zoom by 20%, as explained in that setting's documentation (shown in the image).
Now on to this week's hand-picked links!
|
|
|
VS Code Tools
|
Paste JSON as Code — A VS Code extension that lets you copy a snippet of JSON then paste it in compatible code for Go, TypeScript, C#, C++, and more.
Coverage Gutters — A VS Code extension to display test coverage generated by LCOV or XML, and has support for any language that can generate an LCOV-style coverage file.
Bytes: The Best JavaScript Newsletter — Staying informed on the JavaScript ecosystem has never been so entertaining. Delivered every Monday and Thursday, for free. Sponsor
CSS Converter — A VS Code extension to convert kebab-case CSS to camel-case CSS, or vice versa, which may be useful for working with certain CSS-in-JS solutions.
|
VS Code Theme of the Week
|
Jellybeans — I'm not sure why the author chose the name, but I don't get a 'jellybeans' feel from this. The colors are more muted than I would expect from a theme with such a name. There's a single theme included and the colors are nice.
The screenshots on the extension page include a much different font than the one in my screenshot, so you might want to check that out, as it might be closer to the type of font you normally use.
|
|
|
|
|
VS Code Articles & Videos
|
The Theia IDE vs VS Code — This might be biased since it comes from the folks at Eclipse, who make Theia, but it's a decent comparison if you're in the market for a considering a change.
Visual Studio Code Java Extension Backs JDK 23 — The newest Java extension for VS Code also brings dependency management without a build tool and support for Markdown in JavaDoc.
The Morning Paper for Tech — Want a byte-sized version of Hacker News that takes just a few minutes to read? Try TLDR's free daily newsletter. It covers the most interesting tech, startup, and programming stories in just 5 minutes. No sports and no politics. Sponsor
📺 Double Click to Create New Files — A YouTube short with a tip that's new to me, especially the option to double click next to the tabs or inside explorer. Good to know!
|
|
|
Best of the Rest
|
Sublime Merge — A powerful Git GUI client for Mac, Windows, and Linux, from the makers of Sublime Text, that features line-by-line staging, commit editing., and unmatched performance.
Pickcode — An online platform that offers an easy way to teach and learn programming, with support for Python, HTML/CSS/JS, and Java.
Automate Your Agency — A newsletter for digital marketing agencies in the age of AI. Learn how to automate your processes for SEO, PPC, branding, outreach, and customer acquisition. Sponsor
ViperIDE — An innovative MicroPython / CircuitPython IDE for web and mobile, no software installation required.
If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.
That's it for this issue.
Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
|
|
|
