antfu/vscode-file-nesting-config — explained in plain English
Analysis updated 2026-05-18
Hide Docker-related files under a single Dockerfile entry in the sidebar.
Group framework config files like Next.js or Nuxt settings under one parent file.
Keep a large project's file explorer readable by nesting generated and config files.
| antfu/vscode-file-nesting-config | oblador/hush | fbeline/design-patterns-js | |
|---|---|---|---|
| Stars | 3,638 | 3,637 | 3,640 |
| Language | JavaScript | JavaScript | JavaScript |
| Setup difficulty | easy | easy | easy |
| Complexity | 1/5 | 2/5 | 2/5 |
| Audience | developer | general | developer |
Figures from each repo's GitHub metadata at analysis time.
Requires VS Code v1.67 or newer for the file nesting feature.
This repository provides a configuration snippet for Visual Studio Code that uses the editor's file nesting feature to keep the file explorer tidy. File nesting lets VS Code hide secondary files under a primary one in the sidebar, so that config files and generated files do not clutter the view of your project's main source files. For example, a Dockerfile can be set as the parent entry, with docker-compose files.dockerignore, and other Docker-related files nested beneath it. The snippet is a JSON block you paste into your VS Code settings file. It defines which files should nest under which parent files, organized by project type and file pattern. There are entries for popular frameworks and tools including Next.js, Nuxt, Astro, Cargo (Rust), Go modules, Gradle, Composer (PHP), and many others. It also handles common cross-project files like .gitignore.env variants, and Dockerfile families. The patterns are maintained by the repository author and updated periodically as new tools emerge. There are two ways to use it. You can copy the JSON block directly into your settings.json file and update it manually when new entries are added. Alternatively, there is a VS Code extension linked in the repository that handles updates automatically, so your nesting rules stay current without manual copying. The repository requires VS Code version 1.67 or newer, which is when the file nesting feature was introduced. The nesting rules are the author's own preferences and are described as opinionated.
A settings snippet for VS Code that groups related files together in the file explorer, so config and generated files nest under the file they belong to.
Mainly JavaScript. The stack also includes JSON, VS Code.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.