Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Focus Folder ModeNew to Visual Studio Code? Get it now.
Focus Folder Mode

Focus Folder Mode

Ali Usman

|
3 installs
| (0) | Free
Adds a Focus Folder Mode to the Explorer to temporarily show only a selected folder and its children.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Focus Folder Mode (VS Code / Cursor Extension)

Adds a Focus Folder Mode to the Explorer so you can temporarily show only a selected folder and its children without changing the filesystem.

Features

  • Focus on this folder command in the Explorer context menu for folders.
  • Hides all sibling files/folders so only the selected folder and its descendants remain visible.
  • Exit Focus Mode command restores the original Explorer view.
  • Status bar indicator: 🔍 Focus Mode: /path/to/folder (click to exit).
  • State is stored in workspace state so Focus Mode can persist across reloads.

Commands

  • Focus Folder: Focus on this folder (focusFolder.focus)
    • Right-click any folder in the Explorer and select Focus on this folder.
  • Focus Folder: Exit Focus Mode (focusFolder.exit)
    • Use the Command Palette or click the status bar indicator.

Development

Prerequisites

  • Node.js (LTS) installed.
  • pnpm is recommended for package management.

Install dependencies

pnpm install

Build

pnpm run compile

Run in VS Code / Cursor

  1. Open this folder (Focused Explorer) in VS Code or Cursor.
  2. Press F5 and choose the Run Focus Folder Extension launch configuration.
  3. A new Extension Development Host window will open with the extension loaded.

Packaging

To build a .vsix package:

pnpm exec vsce package
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft