Scripts Runner: Manage Your npm Scripts with Style 🚀

Ever found yourself constantly typing npm run dev, npm run build, or scrolling through your package.json to remember script names? I built something to solve that.

Introducing Scripts Runner

Scripts Runner is an open-source VS Code extension that brings all your npm scripts into a beautiful, searchable sidebar. No more terminal commands—just click and run.

Key Features

🎯 Visual Interface - All your scripts in one place with intuitive icons

🔍 Instant Search - Find scripts as you type

▶️ One-Click Run - Execute any script with a single click

🎨 Smart Icons - Automatically recognizes script types (dev, build, test, deploy, etc.)

🔄 Auto-Refresh - Updates when you modify package.json

Quick Demo

1. Install the extension
2. Open any project with a package.json
3. Click the Scripts Runner icon in the sidebar
4. Search or click any script to run it

That's it. Your scripts run in the integrated terminal instantly.

Why I Built This

Working with multiple projects daily, I was tired of:

• Memorizing script names
• Switching between package.json and terminal
• Typing the same commands repeatedly

So I created a tool that makes this workflow seamless.

Installation

1. Open VS Code
2. Press Ctrl+Shift+X (or Cmd+Shift+X on Mac)
3. Search for "Scripts Runner"
4. Click Install

Or use the Quick Open command (Ctrl+P) and paste:

ext install abdoseadaa.package-json-scripts-runner

Open Source

This project is MIT licensed and available on GitLab. Contributions, issues, and feedback are welcome!

🔗 GitLab Repository

🔗 VS Code Marketplace

Tech Stack

Built with TypeScript, VS Code Extension API, and a custom webview for the sidebar interface.

If you find this useful, give it a ⭐ on GitLab or rate it on the VS Code Marketplace. Your feedback helps improve the extension!

What features would you like to see next? Drop a comment below.