Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Auto Hide KBNew to Visual Studio Code? Get it now.
Auto Hide KB

Auto Hide KB

Kevin_Kwong

|
368 installs
| (0) | Free
Keyboard friendly Auto Hide
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Auto Hide KB VS Code

Visual Studio Marketplace Version Made with reactive-vscode

Auto Hide VSCode sidebar, panel and notifications, with better keyboard-only usage experience.

New Features

🎯 More Trigger Methods

Auto Hide KB can be triggered by the cursor, keyboard, or even commands.

🔄 Mode Switching

Auto/Manual mode is provided.

📊 Status Bar

help you control auto-hide:

  1. Vim like mode toggle --AUTO--, --MANUAL--
  2. Pin sidebar
  3. Run hide immediately

🚀 And More...

  1. Cursor chat panel support
  2. Whitelist

[!NOTE]

How do i use manual mode?

In manual mode, we stop detecting all your events.

Instead, you can now bind autoHide.runHide command to your specific use case - custom keybindings in VS Code.

See: Full Example

Configurations

Key Description Type Default
autoHide.enable Whether enable Auto Hide boolean true
autoHide.ui UI hideable settings object {"sidebar":true,"auxiliaryBar":true,"panel":true,"references":false,"notifications":true,"cursor":false}
autoHide.triggerOnOpen Whether trigger when open boolean true
autoHide.triggerKind Use which kind of event to trigger hide array ["mouse","command","keyboard"]
autoHide.mode Auto/Manual mode string "auto"
autoHide.throttleTime Throttle trigger time in ms number 500
autoHide.whitelist Set editor whitelist , support RegExp, default match status is focus array ["git","output",{"match":"debug","status":["visible"]}]
autoHide.statusBarText.trigger Status bar item label, See https://code.visualstudio.com/api/references/icons-in-labels#icon-listing to customize icon string "$(eye-closed)"
autoHide.statusBarText.mode Status bar label for mode, use $(mode) to get current mode string,object "-- $(mode) --"
autoHide.navigateFallback Navigate fallback settings object {"left":"sidebar","right":"auxiliaryBar","down":"panel"}

Commands

Command Title
autoHide.toggleEnable Auto Hide: Toggle enable
autoHide.toggleMode Auto Hide: Toggle manual/auto mode
autoHide.runHide Auto Hide: Run hide immediately
autoHide.togglePinSidebar Auto Hide: Toggle pin sidebar
autoHide.togglePinAuxiliaryBar Auto Hide: Toggle pin auxiliary bar
autoHide.togglePinPanel Auto Hide: Toggle pin panel

Navigate To Panel

[!Tip] Due to the panel being hidden, using the workbench.action.navigateXXX commands to switch panels will be ineffective.

Auto Hide KB provides the following commands as alternatives to VSCode's navigateXXX commands:

Navigate Command Description
autoHide.action.navigateLeft workbench.action.navigateLeft with fallback to Sidebar
autoHide.action.navigateRight workbench.action.navigateRight with fallback to Auxiliary Bar
autoHide.action.navigateDown workbench.action.navigateDown with fallback to Panel
autoHide.action.focusActiveEditorGroupWithHide workbench.action.focusActiveEditorGroup with autoHide

See Config: autoHide.navigateFallback to Customize

Usage example:

Full Example

Navigate to panel:

  1. editor -> panel:

    // keybindings.json
    [
      {
        "key": "ctrl+w down",
        "command": "autoHide.action.navigateDown",
        "when": "editorFocus"
      }
    ]
    
  2. panel -> editor:

    // keybindings.json
    [
      {
        "key": "ctrl+w up",
        "command": "autoHide.action.focusActiveEditorGroupWithHide",
        "when": "panelFocus"
      }
    ]
    

Credits

  • Enhanced functionality for VSCode commands, powered by Command Task

License

MIT License © 2020-PRESENT Kevin Kwong & Matthew Spencer

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft