Issue #77  (Custom Folded Regions)10/11/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.

As you no doubt have noticed, when looking at some code in VS Code, your editor will automatically created what's called "folded regions". You can see any available folded region when you hover over the line number area in your editor, as indicated in the screenshot below.
 
Folding Ranges in VS Code

This, of course, happens naturally for specific coding features, generally indicating where nesting occurs. The above example is 'folding' under HTML tags that contain content and other tags.

But as a brief reminder, don't forget that you can create your own folded regions by using the shortcut CTRL+k followed by CTRL+comma (or CMD+k followed by CMD+comma on a mac). Simply select the lines you want to 'fold' then hit the shortcut or use the command palette to search for the command "Create Folding Range from Selection".
 
Custom Folding Ranges in VS Code

You can then remove the custom folded region using the similar shortcut CTRL/CMD+k followed by CTRL/CMD+dot (that is, the "." or period key).

And again, this can also be triggered via the command palette if you happen to forget the keyboard shortcut. Just search for "folding ranges", which also gives you the option to choose to "Go to Next Folding Range" and "Go to Previous Folding Range", if that's a form of code navigation that you think might be helpful for you.
 
Got to Next/Previous Folded Range in VS Code

Custom folding ranges might be useful in programming languages where there isn't support for folding or just any block of code that doesn't get naturally folded but might be somewhat lengthy and difficult to navigate through (e.g. a long list of meta tags in your HTML's head section).

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

 

VS Code Tools

Database Client — A database client for VS Code with support for MySQL/MariaDB, PostgreSQL, SQLite, Redis, ClickHouse, Kafka, MongoDB, Snowflake, and ElasticSearch, and works as an SSH client.

GitHub Actions — Official GitHub Actions extension that lets you manage your workflows, view the workflow run history, and helps with authoring workflows.

Escape the 9-to-5 Grind with Email — Unfulfilled and unsatisfied in your 9-to-5? Terrified of trying your hand at starting a business? Want to know how to leverage email to escape the 9-to-5 grind? Join the "9 to 5 Houdini" newsletter to find out.  Sponsor 

GhostText — A browser extension that connects to your text editor or IDE to use your editor or IDE to write in your browsers. Supports VS Code, Sublime Text, Vim, Neovim, and others.



VS Code Theme of the Week

Monokai Pirokai — A VS Code theme that combines the vibrant colors of Monokai Pro, with a sleek, dark background for maximum style and functionality.

Monokai Pirokai Theme for VS Code

There are two variations of the theme, not over different from one another, so you'll likely enjoy both. The above screenshot uses the "Arctic Frost" variation, the other one is called Beach Sunset.

VS Code Articles & Videos

VS Code 1.83 (September 2023 Updates) — The latest update to VS Code includes more accessibility improvements, better command palette search, custom icons for profiles, and lots more.

📺 Increase Your VS Code Productivity — From the freeCodeCamp.org YouTube channel, this is a massive 6-hour tutorial on becoming more productive with VS Code. I guess this is one I'll be working my way through in the coming weeks!

ChatGPT for Enterprise Databases — Chat with your enterprise databases using secure generative AI and empower business users in your team to do their own data analyses in seconds.   Sponsor 

Bun 1.0 setup for Windows with VSCode and Docker — One developer's foray into using Bun, which isn't quite ready for Windows, but using Docker to bridge that gap.

Best of the Rest

Rapidpages — A prompt-first IDE for building React and Tailwind components using AI.

Why I Switched from Neovim to VS Code — You probably don't need any persuasion in this area, but here is one developers thoughts on the subject.


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.