Issue #144  (Terminal Tabs)01/22/25

As you might know, you can open a terminal session in VS Code by hitting the shortcut key combo CTRL+` (backtick). When the terminal is open you can open another terminal instance by using the "+" icon that appears in the top-right area.

When you open multiple terminal instances this way, you'll get a list of terminals as 'tabs' in a right panel, allowing you to quickly switch to another terminal by clicking any of the labeled tabs.
 
If you double-click the "sash" area that appears vertically between the tab area and the terminal area, this will toggle two different sizes for the tab view.
 
This same sash can also be used to manually resize the tab area in relation to the terminal. Just hover over it until you see the double arrow cursor (like what you'd see when hovering over a cell divider in Excel).

The first double-click expands the tab view to show the full titles of each terminal (shown above) while the next double-click will minimize the tab view to just a set of icons, as shown below.
 
You can also double-click an empty area of the tabs section to open a new terminal using your default terminal setting (e.g. Bash, PowerShell, etc.).

And lastly, if you want the terminal tabs to appear on the left side of the terminal, you can right-click the tabs area and choose "Move Tabs Left", as shown below.
 
This sets the value of the terminal.integrated.tabs.location setting to "left". You can view various other settings for your terminal tabs by searching your UI settings under terminal.integrated.tabs.

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

VS Code Tools

shadcn/svelte — A VS Code extension that integrates components and snippets from the popular shadcn-svelte component library directly into your IDE.

Clamp It! — A VS Code extension that helps you easily generate CSS clamp() functions for responsive font sizing. See articles section below for a tutorial.

Lysted: Your Ticket Reselling Side Hustle — Looking for a side hustle? Use Lysted to resell event tickets. List once and reach buyers across platforms like StubHub and Ticketmaster. Enjoy automated pricing and quick payouts. It’s a hassle-free way to make extra cash from unused tickets.   Sponsor 

SQLAlchemy — A VS Code extension that grounds GitHub Copilot's responses in the SQLAlchemy documentation, resulting in more accurate and helpful answers when working with SQLAlchemy, the Python SQL toolkit and object relational mapper.

VS Code Articles & Videos

Which IDEs Do Software Engineers Love, and Why? — A small survey by Gergely Orosz which he compiled from responses on social media, showing how the new Cursor IDE has surpassed VS Code as the favorite editor (at least in this small sample).

Clamp It! VS Code Extension — A short introduction to Clamp it!, the VS Code extension linked above, for generating 'clamped' sizes for use in your CSS.

Books & Biceps — Join the largest smart meathead community for weekly book recommendations, workout motivation, expert Q&As, and new columns.   Sponsor 

Start Using Minimap Section Headers in VS Code — A tutorial with accompanying YouTube video covering how you can make the most of the minimap feature in VS Code.
 

Best of the Rest

Absolute Essentials You Need to Know to Survive Vi Editor — A good starting point for those unfamiliar with using the popular text-based vi editor for terminals.

JSX.design — A no-code WYSIWYG editor for React developers, letting you visually build responsive UIs while generating clean JSX code.

Turn Tickets into Cash with Lysted — Need a side hustle? Lysted makes ticket reselling easy and profitable. List your tickets on major platforms with one click and get fast payouts. It’s a perfect way to earn extra cash from tickets you can’t use (or never intended to).   Sponsor 

Zasper — A supercharged IDE for data science that provides a minimal memory footprint, exceptional speed, and the ability to handle numerous concurrent connections, perfectly suited for running REPL-style data applications, e.g. Jupyter notebooks.

Suggestions?

If you have any link suggestions, including a tool, article, or other resource related to VS Code or another IDE, you can hit reply, send it via DM on X, or via chat on Bluesky.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris