SDS — Start Dev Server 🚀

Start your react js / next js / vite / development server and auto-open localhost in your browser with a single click or keyboard shortcut.
Run or stop your project's dev server without manually typing commands or hunting for localhost links.

✨ Features

⚡ One-Click Start & Stop: Toggle your server directly from the bottom status bar SDS button.
⌨️ Keyboard Shortcut: Start/Stop instantly using Ctrl/Cmd + Shift + S or P.
🌐 Automatic Browser Launch: Reads the terminal output and opens http://localhost:<port> in your default browser.
📦 Smart Pkg-Manager Detection: Detects Bun, pnpm, Yarn, or npm and uses based on project.
🎨 Dynamic Status Bar States:
- Ready to start: $(play) SDS (Start accent)
- Starting & listening: $(loading~spin) SDS (Animated spinner)
- Running with URL tooltip: $(debug-pause) SDS (Active accent with hover preview)
⚙️ Configurable Timeout: Customize URL detection wait time via VS Code Settings.
🛡️ Safe & Silent: Clean background execution without annoying toast notification spam or terminal focus stealing.

🚀 How to Use SDS

1. Install Extension && Open Your Project

Open any project containing a package.json with a dev script (e.g. Next.js, Vite, React, Vue, Svelte, Nuxt, Astro).

2. Activate - Start Dev Server

Trigger the server via:

Clicking the $(play) SDS button in the bottom status bar.
Pressing Ctrl+Shift+S (Cmd+Shift+S on macOS).
Running SDS - Start Dev Server from the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).

SDS will start your server in a dedicated terminal, capture the local port, update the status bar, and open your app in the browser.

⌨️ Keybindings

Command	Windows / Linux	macOS
Start / Stop Dev Server	`Ctrl + Shift + S`	`Cmd + Shift + S`

⚙️ Configuration Settings

Customize SDS behavior through VS Code Settings (Ctrl+, / Cmd+,) under SDS - Settings:

Setting	Type	Default	Description
`sds.timeout`	`number`	`20000`	Timeout in milliseconds (10,000 – 60,000 ms) to wait for the dev server URL before giving up.

🧩 Compatibility

SDS is built on the VS Code Extension API, designed for:

Visual Studio Code
Cursor
Antigravity
Windsurf and other VS Code-compatible IDEs

👤 Author

Shani Tiwari

Twitter LinkedIn Github Sponsor Me

SDS - Start Dev Server

Shani Tiwari