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