Invisifolder

Hide selected folders in VS Code for a cleaner workspace.

Features

• Hide/unhide folders per-workspace.
• Settings stored in .vscode/settings.json (invisifolder.hiddenFolders).
• Explorer context menu and Status Bar management.
• Updates files.exclude to hide folders from Explorer.

Commands

• Invisifolder: Hide Folder — Hide a folder (Explorer context menu or command palette).
• Invisifolder: Unhide Folder — Remove a folder from hidden list (command palette or status bar).
• Click the status bar item to manage hidden folders with a quick menu.

How it stores settings

Hidden folders are saved in workspace settings:

"invisifolder.hiddenFolders": ["dist", "build"]

The extension will map these to files.exclude patterns.

If someone else is not using Invisifolder, the hidden folders will still be hidden in Explorer due to the files.exclude settings.

Usage

Hiding Folders

1. Via Explorer Context Menu: Right-click any folder in the Explorer and select "Invisifolder: Hide Folder"

   

2. Via Command Palette: Press Ctrl+Shift+P (or Cmd+Shift+P on Mac), type "Invisifolder: Hide Folder", and follow the prompts

   

   

3. Via Status Bar: Click the Invisifolder status bar item (shows "👁️‍🗨️ Invisifolder: X") and select "Add folder"

   

Unhiding Folders

1. Via Command Palette: Press Ctrl+Shift+P, type "Invisifolder: Unhide Folder", and select a folder from the list

   

2. Via Status Bar: Click the Invisifolder status bar item and select "Remove folder"

Managing Hidden Folders

Click the status bar item to see a quick overview of hidden folders and manage them through a convenient menu.

Configuration

The extension stores hidden folders in your workspace settings (.vscode/settings.json):

{
  "invisifolder.hiddenFolders": [
    "dist",
    "packages/foo/build"
  ],
  "files.exclude": {
    "dist/**": true,
    "packages/foo/build/**": true
  }
}

Development & Publishing

Local Development

1. Clone the repository
2. Run npm install to install dependencies
3. Run npm run compile to compile TypeScript
4. Press F5 to open a new Extension Development Host window

Publishing to Marketplace

This extension uses automated GitHub Actions for publishing:

Setup (One-time)

1. Get a Personal Access Token (PAT) from Visual Studio Marketplace
2. Add the PAT as a repository secret named VSCE_PAT in GitHub Settings → Secrets and variables → Actions

Publishing Process

• Automatic: Create a new GitHub release with a version tag (e.g., v1.0.0)
  • Stable releases: Use normal releases
  • Pre-releases: Check "This is a pre-release" option
• Manual: Use the "Publish VS Code Extension" workflow dispatch in GitHub Actions

The workflows will:

• Build and test the extension on multiple platforms
• Package the extension as a .vsix file
• Publish to VS Code Marketplace
• Attach the .vsix file to the GitHub release

License

MIT