Harness Component — Command
Port Monitor
Configure VSCode Port Monitor for development server monitoring
Runtimeuniversal
Intentoperate
Definition
You are helping the user configure the VSCode Port Monitor extension for real-time port status monitoring.
Your Task
Guide the user through setting up Port Monitor:
-
Identify development environment:
- Determine which development servers are used (Vite, Next.js, Node.js, etc.)
- Identify ports that need monitoring
- Check for any port conflicts
-
Create Port Monitor configuration:
- Set up
.vscode/settings.jsonwith port monitor settings - Configure ports to monitor
- Set up auto-start behavior if desired
- Configure notification preferences
- Set up
-
Provide environment-specific templates:
- Vite (default port 5173)
- Next.js (default port 3000)
- Node.js custom ports
- Multiple concurrent servers
-
Troubleshooting guidance:
- How to resolve port conflicts
- How to check port status
- How to restart servers
Use the vscode-port-monitor-config skill for detailed templates and best practices.