Issue #84  (File Decorations & Multi-select Search)11/29/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.

Here are a couple of things to note about doing search/replace in files in VS Code. First of all, when you search for something you'll notice VS Code's search function provides search results similar to what you see in the file explorer.

These are referred to as "file decorations and colors" that indicate the file's problems and source control information, as is commonly seen in the file explorer.
 
File Decorations in the file expolorer in VS Code

So you'll be able to see things like untracked files (U), modified files (M), conflicted file (C), etc.

The other useful thing related to searching in files is the ability to do multi-select when performing a search/replace operation. For example, if you do a find and replace, you can CTRL-CLICK to select specific files in the results.
 
Multi-select in Search in VS Code

Then when you click to perform the search/replace action, the replace will only take place on the selected files.

And finally, in the Search pane, there's a field called "files to include" that lets you insert glob patterns to match what files you want to search in. But note the little icon at the end of this field called "Search only in Open Editors".
 
Open only in Open Editors in Search in VS Code

This lets you toggle whether you want to do a full search in all files or just in the ones that are currently open.

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

VS Code Tools

HighMate — An isomoprhic syntax highlighter using TextMate grammars and VS Code themes.

shadcn/vue — A VS Code extension that enables you to install shadcn/vue components (a Vue port of shadcdn-ui) directly from your IDE.

Last Chance to Invest Before this Company Becomes a Household Name — RYSE is set to debut in 100+ Best Buy stores this week, and you're in luck – you can still invest at only $1.25/share before their name becomes known nationwide. The opportunity closes this week – don’t miss it.  Sponsor 

VS Code Extension Samples — From the VS Code team, a repository featuring sample code that illustrates the VS Code extension API, with each sample explaining functionality, demoing usage, etc.


VS Code Theme of the Week

Noctis — Described as "a collection of light & dark themes with a well balanced blend of warm and cold colors." Includes 8 dark themes and 3 light themes.

Noctis Theme for VS Code

With a nice font, most of the dark themes look very good (the screenshots on the marketplace page don't use a very attractive monospace font). A couple of the dark themes are a little bold and might not be your preference. And the light ones are quite unique and probably aren't as popular as the dark ones. The screenshot above is of "Noctis Obscuro", which is my favourite.

VS Code Articles & Videos

Debug a React app with Visual Studio Code — Covers some short, mostly well-known tips, including a YouTube video. I wouldn't say this is overly React specific, as the principles would apply to any JS app.

📺 Top Visual Studio Code Product Icon Themes — Video by Zoran Jambor covering different extensions that allow you to change the "product icons" in VS Code (i.e. the basic UI icons, not the file/folder ones).

Simplify Your Life with Anytime Mailbox — Home-based business owners, it's time to upgrade to a private, professional address through Anytime Mailbox. Take charge of your mail on your terms, from any location and at any time. Get started today!   Sponsor 

Pursuit of "Wicked Smartness" in VS Code — Latest blog post from the VS Code team, focusing on the advancements around VS Code over the past few months in relation to AI and the developer workflow.

Best of the Rest

Dotfyle — A searchable and filterable directory of Neovim plugins, color schemes, and configurations.

subiRegex — An AI based tool to generate regular expressions using plain English.

xAI PromptIDE — An integrated development environment for prompt engineering and interpretability research.


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.