Power Frontend Runner Visual Studio Code Extension

Run your frontend project directly from VS Code with one click! Supports Vite and Next.js projects and allows dynamically updating the run command.

Features

• Automatically detects project type: Vite or Next.js.
• Runs the frontend server in a VS Code terminal.
• Configurable run command (default: npm run dev).
• Status bar button with play icon Run Frontend for easy access.
• Update the run command via Command Palette anytime.

Installation

1. Clone the repository or download the .vsix package.
2. In VS Code, open Extensions → Install from VSIX....
3. Open a workspace with a Vite or Next.js project.
4. The Run Frontend button will appear in the status bar.

Usage

Run Frontend

• Click the Run Frontend status bar button (with play icon) to start your project.
• The extension will detect your project type and run the appropriate command in a terminal.

Example

# For Vite React JS & Next JS Project. Go To package.json
npm run dev

Author

Mahmood Hassan Rameem MERN Stack Developer & Software Engineer ROL Studio Bangladesh

Support

If you find this extension useful, consider giving the repository a ⭐ on GitHub. For issues, feature requests, or contributions, please open an issue or submit a pull request.

Acknowledgements

• Built using the VS Code Extension API.
• Icons provided by VS Code Codicons.
• Inspired by modern frontend developer workflows.

Disclaimer

This extension is intended for development purposes only. It executes shell commands in your local environment. Make sure you trust the project before running any custom command.