Issue #69  (VS Code's Command Center)08/16/23

Advertisement
Meco: An Inbox Designed for Reading NewslettersEnjoy your newsletters in a space built for mindful reading while giving your inbox space to breathe. It's easy to get set up and completely free!

VS Code on Windows has the traditional app title bar, which doesn't appear on Mac. If you click the title bar in VS Code on Windows, this gives you instant access to what's referred to as the Command Center. The Command Center is slightly different from the Command Palette. The Command Palette (opened via CTRL-SHIFT-P), has the ">" symbol in it by default, giving you access to editor commands, whereas the Command Center is kind of like the root command area.
 
Click the title bar in VS Code to view the Command Center

So when you click the title bar, when the Command Center appears you can do a file search, use the @ character to do a symbol search, use a colon to got to a line, or type a > character to run a command.

If you right-click the title bar, you'll be given various options to adjust VS Code's UI, including hiding or showing the back/forward buttons, the Menu Bar, the Layout Controls, and even the Command Center itself (which, if disabled, converts the Command Center to a standard title bar).

Right-click the title bar to adjust the VS Code UI

The Command Center is available by default, but if you happen to have changed your VS Code settings to use the native OS title bar, then you won't be able to click the title bar to open the Command Center.
 
Enabling/disabling the Command launcher in the title bar VS Code

The Command Center setting is shown above, where it explains the requirement for using the "custom" title bar setting.

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

VS Code Tools

Continue — An open-source VS Code extension that brings the power of ChatGPT to your editor, with features for refactoring, component/script creation, and more.

fonted — An extension that makes it easier to change VS Code's UI.

Mailscribe — Mailscribe is a next-generation email marketing platform powered by AI that allows you to use built-in components to create and send email content to your subscribers extremely fast.  Sponsor 

tw2panda — A VS Code extension that allows you to easily migrate your CSS code from Tailwind to Panda CSS.


VS Code Theme of the Week

Nebula Oni Theme — Originally a fork of Atom's One Dark Syntax, this is a really nice theme that features "colors from outer space". "Oni" is a Japanese word for ogre or a similar folklore beast.

Nebula Oni Theme for VS Code

The colors have a bit of a pastel feel and aren't too bright, and the extension includes five variations. The one shown above is the Pegasus version.
 

VS Code Articles & Videos

Microsoft Visual Studio Code Flaw Lets Extensions Steal Passwords — Officially Microsoft has not fixed the problem (which affects Windows, macOS, and Linux), but there is a statement from the company at the bottom of the article.

▶ VS Code v1.81 Release Highlights — A YouTube short featuring some of the most recent updates to VS Code, which I officially reported on in last week's issue.

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 

File System Access API: How VSCode.dev Edits Local Files in the Browser — This basically amounts to a tutorial on the File System API, specifically looking at how vscode.dev does it.
 

Best of the Rest

Commit Mono — An anonymous and neutral coding font focused on creating a better reading experience.

Maily —  An open-source editor that comes with a set of pre-built components and opinionated design to make it hassle-free to craft beautiful emails.

image.nvim — An experimental Neovim plugin that attempts to add image support to Neovim.


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.