Issue #85  (Problem Navigation with ALT/OPT+F8)12/06/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.

If you have a large file in VS Code that has a number of different errors and warnings in it, you'll benefit from using VS Code's problem navigation feature.

This feature is used by hitting ALT+F8 (OPT+F8), which starts navigating through errors and warnings in your code by focusing on the first one in your file.
 
Problems Navigation in VS Code

Then just keep hitting the same keyboard shortcut to continue cycling through the problems in the code. If you want to navigate backwards through the problems, use SHIFT+ALT+F8 (SHIFT+OPT+F8).

And there is one thing you can do to customize how these problems are prioritized when you're navigating through them. This is done by adjusting VS Code's problems.sortOrder setting.
 
Problems Navigation Sort Order in VS Code

There you have the option to cycle through the problems by severity (the default) or by position. If you navigate by severity, you'll navigate all the errors first, then the warnings, then others. If you go by position, it will simply navigate through all problems in the order they appear in the file, regardless of the severity.

And as a final point, if you're inside a file that has no problems, you can hit F8 alone and this will go to the first problem in the open files in your editor. From there you can starting navigating the problems using ALT/OPT+F8 or SHIFT+ALT/OPT+F8.
 
Problems Navigation Shortcuts in VS Code

And of course, if you want to adjust the shortcut for these, you can search for the word "Problem" in your shortcuts view, as shown above.

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

VS Code Tools

Terraform Live Graph — A VS Code extension that allows you to generate a live Terraform graph as you code, to better understand your infrastructure, relationships between resources, etc.

Live Share — A VS Code extension that enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building.

High-upside Online Businesses Have Investors Lining Up — Now is your chance to discover high-upside online businesses with WebStreet. While others worry about market volatility, you can confidently invest in assets that stand strong in uncertain times.  Sponsor 

Tauri for VS Code — A VS Code extension that adds support for Tauri (a multi-platform deployment solution) commands and tauri.conf.json JSON validation.


VS Code Theme of the Week

Nord — This is a bit of a different VS Code theme than you might be accustomed to using, but it's a really nice one. It includes just one version of the theme and the color choices are based on an "arctic, north-bluish" influence.

Nord Theme for VS Code

I'm guessing many coders prefer themes with more contrast, so that might make this a no-go for you but overall it's a very nice looking theme that's easy on the eyes.

VS Code Articles & Videos

🎥 Terminal Quick Fixes in VS Code — A quick tip on using the lightbulb icon to make corrections to git command misspellings and other problems you might encounter in the terminal.

How to Create a Custom VS Code Theme — Step by step instructions on building your own theme extension, which the author did recently and posted on the extensions marketplace.

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 

AutoSave with VS Code — Another quick tip, this shows you how to use VS Code in a similar way to cloud apps like Google Drive that will auto-save your work as you type.

Best of the Rest

Berkeley Mono Typeface — A monospaced font designed as an homage to "the golden era of computing."

Keystatic — A new tool that makes Markdown, JSON, and YAML content in your codebase editable by humans. Live edit content on GitHub or your local file system, without disrupting your existing code and workflows.

win-vind — A Windows app that enables you to use keybindings to control the Windows GUI in the same way as Vim.


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.