Dev Server Port Detection

Overview

Detect the development server port before opening browser connections. Prevents wasted time from port confusion and failed connection attempts.

Detection Workflow

1. Check configuration files (fastest)

   • vite.config.ts: Look for server.port configuration
   • package.json: Check scripts for PORT environment variable

2. Check running processes

   • Use lsof -i :PORT or netstat to find listening ports
   • Check ps output for node/vite processes

3. Parse terminal output

   • Look for "Local:" or "Network:" lines in terminal output
   • Extract port from URLs like http://localhost:3000