Auto Hide KB VS Code
Auto Hide VSCode sidebar, panel and notifications, with better keyboard-only usage experience.
New Features
- Triggered by cursor, keyboard and commands
- Throttle trigger event
- Auto/Manual mode switching
- Whitelist support
- More ui to hide, and Cursor panel compatible
- Status bar button
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) Hide" |
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 |
Navigate To Panel
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"
}
]
Manual Mode
Usage example:
Commands palette:
Open vscode commands palette with ctrl/cmd+shift+p and search 'Auto Hide: Run hide immediately' to trigger hide.
KeyBinding:
// keybindings.json
{
"key": "ctrl+h",
"command": "autoHide.runHide",
"when": "editorFocus"
}
VSCodeVim:
// settings.json
{
"vim.normalModeKeyBindingsNonRecursive": [
{
"after": ["i"],
"before": ["i"],
"commands": ["autoHide.runHide"]
},
{
"after": ["j"],
"before": ["j"],
"commands": ["autoHide.runHide"]
},
{
"after": ["k"],
"before": ["k"],
"commands": ["autoHide.runHide"]
},
{
"after": ["l"],
"before": ["l"],
"commands": ["autoHide.runHide"]
},
{
"after": ["h"],
"before": ["h"],
"commands": ["autoHide.runHide"]
}
]
}
Credits
- Enhanced functionality for VSCode commands, powered by Command Task
License
MIT License © 2020-PRESENT Kevin Kwong & Matthew Spencer
| |
