Issue #112  (Dragging/Moving Views)06/12/24

Advertisement
The Morning Paper for Hacker News Readers

Want a byte-sized version of Hacker News that takes just a few minutes to read? 

Try TLDR's free daily newsletter.

TLDR covers the most interesting tech, startup, and programming stories in under 5 minutes.

TLDR

No sports. No politics. No weather.

TLDR is read by 1,250,000 software engineers, founders, and tech workers.


VS Code's panels and views are probably more customizable than most people realize. For example, all the views that are on the left sidebar by default (File Explorer, Source Control, etc.) can be dragged either to the secondary sidebar or the bottom panel (which usually has Terminal, Debug Console, etc).
 
Dragging Views in VS Code

You can drag these around to the different parts of the UI as you like. In fact, the other panels don't even have to be open to drag something there. Below I'm dragging views to the secondary (right) sidebar and to the bottom panel, even though those aren't open when I start dragging.
 
Dragging Views with Panels Closed in VS Code

One thing to note when you're dragging views around, it's actually possible to "lose" a view. This can happen if you drag a view to become a child of a specific panel. That's why you have to make sure to drag into the top area of the panel rather than inside a specific panel.

For example, try dragging the Explorer view into the Problems panel. Your Explorer will become a child panel inside the Problems panel. If you do this inadvertently, you may not be able to locate your Explorer!

If you do mess around a little too much, you can always reset your panels and views to their defaults. Open the command palette and run the command "View: Reset View Locations".
 
Reset View Locations in VS Code

This resets the panels and views back to their defaults, so if something's missing that's normally visible by default, it should now be back to normal.
 
Now on to this week's hand-picked links!
 

VS Code Tools

Visual Studio Code for Education — From Microsoft, a free online computer science education platform for students and teachers built on VS Code.

CodeSlang — A VS Code extension designed to make understanding code easier and more fun by breaking down code into easy-to-understand explanations using modern terminology, slang, and emojis.

The Complete JavaScript Course 2024 — An up-to-date course consisting of 68+ hours of HD video, looking at both modern and classic JavaScript features, while walking you through how to build 6 beautiful real-world projects.   Sponsor 

Duplicate Selection or Line — A VS Code extension that adds a few simple keyboard shortcuts for duplicating selection or current line, similar to other text editors.

VS Code Theme of the Week

Chai Theme — Speaking of coding education, this is a unique theme that's specifically designed for use in live presentations, screencasts, etc., that highlights specific areas that are beneficial to coding for an audience.

Chai Theme for VS Code

It includes two versions a dark (shown above) and a light. Even if you don't plan to use it for teaching or presentations, the dark theme is still a nice one that you might consider for ongoing use.

VS Code Articles

Malicious VS Code Extensions with Millions of Installs Discovered — Report based on info from this Medium post by the authors of this 'ethical hack' of sorts that is certainly relevant to VS Code users.

VS Code 1.90 (May 2024 Updates) — The latest updates to VS Code include editor tabs multi-select, profiles in new windows, Copilot extensibility, find in notebooks, and lots more.

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 

Teach Computing Skills with Visual Studio Code for Education — Blog post introducing the new platform linked in the tools section above, which is a version of VS Code designed for students and educators.

Best of the Rest

Podlite — A lightweight block-based markup language, with its own associated Markdown editor, designed for flexibility and ease of use.

Calcish — A universal tool for macOS that allows you to quickly do calculations, run code, and chat with local or remote AI easily using the notebook interface.

Pop Quiz: What’s the Body’s Most Abundant Protein? — The answer: Collagen. NativePath's Certified Grass-Fed Collagen Powder is made from grass-fed, pasture-raised cows and contains 18 grams of protein per suggested serving. Start incorporating it daily to support skin elasticity, joint health, bone strength, and muscle growth and maintenance.  Sponsor 

Cobalt — A high-performance, small-footprint platform that implements a subset of HTML5/CSS/JS to run applications, including the YouTube TV app.

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.