Issue #62 (File Nesting in File Names)06/28/23
A few years ago VS Code added the ability to enable file nesting based on file names in the file explorer. This means you can allow files to appear 'nested' as if they're inside folders. This is defined using specific criteria that you can customize, but there are some default settings you can work with right away.
In your settings, search for the phrase "fileNesting" and you should see about four settings come up.
The idea here is that you can associate files and have them visually nested similar to a folder/file relationship, but without necessarily having a folder involved. The first setting enables file nesting and the second setting configures whether or not the nested files are expanded by default.
As an example, two related files like package.json and package.lock.json would automatically become 'nested' with the default settings enabled:
The third option that appears when you search for this in your settings is the one where you can do some customizations. The default configuration for the third setting provides nesting intelligence for TypeScript and JavaScript projects, but this can be modified to match your own needs and how you want file nesting to behave.
VS Code provides some explanation to guide you on how you can configure your own custom file nesting.
Regarding how the nested files behave for file operations, the VS Code docs explain: "... if you want to copy, cut, drag, or delete an entire nested stack of files, you can collapse the nest then operate on it as a single entity. When nested elements are expanded, selections will behave as normal."
Now on to this week's hand-picked links!
|
|
|
VS Code Tools
|
C# Dev Kit — VS Code extension for .NET developers that brings an improved editor-first C# development experience to Linux, macOS, and Windows.
Formatting Toggle — VS Code extension that allows you to toggle formatting settings ON and OFF with a simple click, for example settings like editor.formatOnPaste, editor.formatOnSave, editor.formatOnType, and others you define.
GlassIt-VSC — VS Code version of an older Sublime Text extension that sets the window to transparent on Windows and Linux platforms.
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
Snippet — A VS Code extension for creating code and managing user defined code snippets, with features like search and group code snippets, integrated terminal snippets, import/export, and more.
|
VS Code Theme of the Week
|
Duotone — Not a theme for everyone, this one is mainly a dark blue theme with nice syntax highlighting. It's a bit strong on the blue but I do like how clear the code looks on the background.
The author includes some settings recommendations that you may want to consider (which you can just copy/paste into your JSON settings) and also recommends use of an open-source mashup font called Fira Code iScript. My screenshot above does not include his settings or the font.
|
|
|
|
|
VS Code Articles & Videos
|
Providing Feedback on the VS Code Python Experience — Pamela Fox, a Python cloud advocate at Microsoft, provides info on different ways you can offer feedback on Python-related bugs for those using VS Code.
Announcing C# Dev Kit for Visual Studio Code — Official write-up on the new extension I linked above, for on .NET developers working with C#.
Web Tools Weekly — Your weekly dose of the latest and the greatest in tools for JavaScript, CSS, HTML, SVG, React, Node.js, Vue, Svelte, and more. Sponsor
Working with AWS in VS Code — A detailed but not too lengthy guide on setting up VS Code for AWS development which includes installing AWS CLI and AWS SAM CLI.
|
|
|
Best of the Rest
|
Fix My Code — A coding assistant trained in digital accessibility to optimize your code to be more inclusive, usable, and conform to WCAG 2.1 AA standards.
Google Launches a GitHub Copilot Competitor — In case you missed it, at their annual I/O developer conference, Google announced some new AI-related tools including one similar to GitHub Copilot.
Cody — An AI-based tool that answers code questions and writes code for you by reading your entire codebase and the code graph.
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
|
|
|
