Auto Hide KB VS Code
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:
- Vim like mode toggle
--AUTO-- , --MANUAL--
- Pin sidebar
- Run hide immediately
🚀 And More...
- Cursor chat panel support
- 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:
editor -> panel:
// keybindings.json
[
{
"key": "ctrl+w down",
"command": "autoHide.action.navigateDown",
"when": "editorFocus"
}
]
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
| |