Add buttons to the status bar to quickly execute scripts!
I found it annoying constantly typing in the terminal or finding the NPM script sidebar button to run my scripts so I created this simple application.
Adding a button
Add a button by opening the command palette (Command + Shift + P) and finding the quick scripts option by typing it in.
Once selected, add the script you would like to use. In this example we are using package.json and running a frontend project with storybook, so the script would be
Name the button to add it to the status bar. Button names are limited to 5 characters.
Button now shows up in the status bar as
Note that the terminal will always run at the root if your project, so it is recommended you prefix your script with the path to where the script is using it with
After the button is created, you can rollover your mouse to see what the script command is.
Removing a button
Delete a button by opening the command palette (Command + Shift + P) and finding the quick scripts option by typing it in.
Then select the button you wish to delete, or delete them all.
Once selected, this will reload VS Code and remove the button from the status bar.
This is my first VS code extension and I used this project to learn and get the experience of the process.
Feel free to open an issue if you find any bugs or have any suggestions. This is a side project so expanding the features is unlikely, but feel free to fork and submit a PR if you can code it and I'd be happy to review it and add it in 🙏
Feel free to follow me or if your feeling generous buy me a coffee!