Skip to content

Add handy buttons like beautify, show opened files, save, toggle terminal, etc to the editor menu bar in VSCode. You can also create your own buttons with custom commands. VSCode Marketplace link: https://marketplace.visualstudio.com/items?itemName=jerrygoyal.shortcut-menu-bar

License

Notifications You must be signed in to change notification settings

GorvGoyl/Shortcut-Menu-Bar-VSCode-Extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

shortcut menu bar

Shortcut Menu Bar - VSCode Extension

Add 35+ handy buttons like beautify, show opened files, save, toggle terminal, activity bar, Find replace etc to the editor menu bar in VSCode. You can also create your own buttons with custom commands.

- Made by Gourav Goyal

πŸ“· Screenshot

shortcut menu bar

βš™ Enable/Disable buttons from VSCode settings

Go to VSCode settings (CTRL+, or CMD+,) and search for shortcut menu bar. Toggle buttons from there.

shortcut menu bar

βœ… Currently added buttons

shortcut menu bar

βœ” Save active file
βœ” Navigate back
βœ” Navigate forward
βœ” Beautify/format document or selection
βœ” Beautify/format document or selection with multiple formatters
βœ” Undo/Redo buttons
βœ” Open files list
βœ” Save all
βœ” show/hide terminal
βœ” show/hide render whitespace
βœ” Quick open (Ctrl+P)
βœ” show/hide activity bar
βœ” Find & replace in active file (Ctrl+H)
βœ” Switch header source (for .cpp files)
βœ” Toggle line comment
βœ” Open file, New file
βœ” Go to definition
βœ” Cut, Copy, Paste
βœ” Start Debugging
βœ” User-defined buttons (0-9)

Create buttons with custom commands

You can create upto 10 user-defined buttons.
Buttons will be shown as numbers as shown in below image.

User Buttons

Note: To add custom icons for commands, see this hack.

You can also trigger a button by using corresponding hotkey combination (Windows: Ctrl+Alt+0, Ctrl+Alt+1, Ctrl+Alt+2, etc, Mac: Shift+Cmd+0, Shift+Cmd+1, Shift+Cmd+2, etc)

  1. Got to extension settings (Ctrl+, or Cmd+,).

  2. Look for Shortcut Menu Bar: User Button

  3. Add any VSCode command or any other extension command in the input field. Button icon will be visible only when you add a command.

    Add Command

Optionally, you can also:

  • Pass command arguments: add command arguments separated by pipe (e.g. workbench.action.tasks.runTask|My Task)
  • Run multiple commands: add comma-separated list of commands and those will get executed sequentially.

❀ Support continuous development Buy me a Coffee

Buy me a Coffee

πŸ‘¨β€πŸ’» Follow the maker @GorvGoyl behind this extension

Follow on Twitter

πŸ‘ Liked the extension? Express your love by rating it ⭐⭐⭐⭐⭐ (clickable stars)


FAQ πŸ™‹β€

I found a bug, where to report?
Please create a new issue on Github.

How can I add my own/custom buttons?
Follow above section.

Can I contribute new buttons to the extension repo?
Sure. To add buttons see "Adding new buttons" section of help.md file in repo.
Go through the repo, it's fairly simple to understand code and add a button. Send me a PR!

How can I disable/Enable a button?
Follow above section.