Issue #73  (Label Formats for Tabs)09/13/23

Advertisement
Learn AI in 5 Minutes a Day
We'll teach you how to save time and earn more with AI. Join 70,000+ free daily readers for trending tools, productivity-boosting prompts, the latest news, and more.

There are two settings you can change that apply to the labels that show in your tabs in your VS Code editor: Editor: Label Format and Editor > Untitled: Label Format. You can search for both settings using the keyword labelFormat.

By default, the first setting, editor.LabelFormat, displays the file name in each tab that's open (assuming you have tabs enabled, which is also the default):
 
Default Label Format in tabs in VS Code

If you instead choose "short" for this setting, each tab will show the name of the file followed by the directory. Similarly, choosing the value "medium" will show the file followed by its path relative to the workspace directory (which may often be just the directory name):
 
Directories in Labels in tabs in VS Code

And finally, you can go crazy and include the full path name next to the file by choosing the "long" value (which makes the tabs quite wide):
 
Full path in labels in tabs in VS Code

The other setting, editor.untitled.labelFormat, isn't going to come into play nearly as often. That one is for setting the tab's label for a file that's still considered 'untitled' (i.e. unsaved). For this value you can choose "content" (which uses the file's first line of content to determine the label) or "name" (which will use "Untitled-1" or similar).

Now on to this week's hand-picked links!
 

VS Code Tools

Code Reactions — VS Code extension that enables you to add emoji reactions, even with comments, to any Git repo.

.ENV Switcher — VS Code extension that lets you switch .env file content using presets, straight from VS Code's status bar.

Seamless Project, Seamless Talent! — With Toptal, you don't just hire freelancers; you partner with industry experts. Say goodbye to prolonged hiring processes and hello to instant matches with the top 3% talent pool.  Sponsor 

GitHub Pull Requests and Issues — A popular, official VS Code extension from GitHub/Microsoft that lets you review and manage your GitHub pull requests and issues directly in VS Code.


VS Code Theme of the Week

Aurora Borealis — I came across this new theme that you might want to check out. Besides the neat name, it includes two versions of the theme that are quite different from one another.

Aurora Borealis Theme for VS Code

The main theme, pictured in the image above, is quite bold and not for everyone. The other theme, called Aurora Borealis Calm, is much subtler and quite nice itself.

VS Code Articles & Videos

VS Code 1.82 (August 2023 Updates) — The latest updates to VS Code include accessibility improvements, Sticky Scroll updates, new TypeScript refactorings, and lots more.

Create Extension Packs for Visual Studio Code — A tutorial on creating 'extension packs', that is, a one-click way to install a group of related extensions, which can be useful if you use a lot of different VS Code extensions for different kinds of projects.

Bytes: Your Favourite JavaScript Newsletter — I subscribe to a lot of newsletters, but this is definitely one I look forward to. Entertaining with lots of cool and useful JavaScript coding tidbits, news, and tools.   Sponsor 

▶ Get Started with Dev Containers in VS Code — Video that demonstrates how setting up Dev Containers in VS Code can boost your coding productivity and save you time configuring your development environment.

Best of the Rest

Vintage — A modern native Mac App with some old-school features borrowed from Vim, heavily inspired by TextMate and Atom but not based on their source codes.

micro — A modern and intuitive terminal-based text editor that's highly customizable and includes support for 75+ languages and 7 color schemes.

JavaScript Visualizer 9000 — A React app that interactively visualizes JavaScript's event loop.


Suggestions?

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
Copyright © VSCode.Email. All rights reserved.

Not affiliated with Microsoft, Visual Studio Code, or any of its trademarks.