Dev Services Manager

Start and manage all your development services from one place. No more juggling multiple terminals!

Perfect for full-stack apps, microservices, Single-SPA microfrontends, Docker development, Python projects, and any multi-service setup.

✨ Features

• 🚀 One-Click Start/Stop - Manage all services with a single command
• 📊 Visual Dashboard - See service status at a glance in Explorer panel
• 🎯 Smart Dependencies - Services start in the right order automatically
• 🌐 Quick Browser Access - Click running services to open in browser
• 📝 Easy Configuration - Simple JSON config with 15+ helpful templates
• 🔄 Auto-Restart - Keep services running even when they crash
• 📱 Status Bar Integration - Quick access from VS Code status bar

🚀 Quick Start

1. Install Extension

Search for "Dev Services Manager" in VS Code Extensions

2. Create Configuration

• Command Palette (Ctrl+Shift+P): Dev Services: Configure Services
• Choose from 15+ pre-built templates
• Creates dev-services.json in your workspace root

3. Start Your Services

• Click ▶ Start Services in status bar, or
• Command Palette: Dev Services: Start All Services
• Watch them start in the Explorer panel!

⚙️ Simple Configuration

{
  "services": [
    {
      "name": "frontend",
      "command": "npm",
      "args": ["start"],
      "path": "./frontend",
      "port": 3000,
      "type": "frontend"
    },
    {
      "name": "backend", 
      "command": "npm",
      "args": ["run", "dev"],
      "path": "./backend",
      "port": 8000,
      "type": "backend"
    }
  ]
}

📋 Pre-built Templates

Choose from 15+ templates for popular setups:

• React + Node.js - Frontend and backend services
• Vue + Express - Vue frontend with Express API
• Angular + .NET - Angular SPA with .NET Core API
• Single-SPA Microfrontends - Multiple micro-frontends
• Docker Compose - Containerized services
• Python Django/Flask - Python web applications
• Next.js Full-Stack - Next.js with API routes
• Microservices - Multiple backend services
• And many more...

🎛️ Advanced Configuration

{
  "services": [
    {
      "name": "database",
      "command": "docker",
      "args": ["run", "-p", "5432:5432", "postgres"],
      "type": "database",
      "dependsOn": []
    },
    {
      "name": "api",
      "command": "npm",
      "args": ["run", "dev"],
      "path": "./api",
      "port": 3001,
      "type": "backend",
      "dependsOn": ["database"],
      "env": {
        "NODE_ENV": "development",
        "DB_HOST": "localhost"
      },
      "autoRestart": true
    }
  ],
  "settings": {
    "startDelay": 2000,
    "autoRestart": true,
    "respectDependencies": true,
    "stopTimeout": 15
  }
}

🎯 Service Properties

📱 Commands

• Start All Services - Ctrl+Shift+P → Dev Services: Start All Services
• Stop All Services - Ctrl+Shift+P → Dev Services: Stop All Services
• Configure Services - Ctrl+Shift+P → Dev Services: Configure Services
• Show Service Logs - Ctrl+Shift+P → Dev Services: Show Service Logs
• Clear Service Logs - Ctrl+Shift+P → Dev Services: Clear Service Logs

🔧 Troubleshooting

Services won't start?

• Check that commands are valid in your terminal
• Verify working directories exist
• Ensure dependencies are installed

Port conflicts?

• Update port numbers in your configuration
• Stop other processes using the same ports

Dependencies not working?

• Enable respectDependencies in settings
• Check dependsOn arrays are correct

🚀 Perfect For

• Full-Stack Development - Frontend + Backend + Database
• Microservices Architecture - Multiple independent services
• Single-SPA Projects - Micro-frontend applications
• Docker Development - Container-based workflows
• API Development - Multiple API services
• Python Projects - Django, Flask, FastAPI applications
• Any Multi-Service Setup - Whatever your stack!

📄 License

MIT License - see LICENSE file for details

🤝 Contributing

Issues and pull requests welcome! Visit the GitHub repository to contribute.

Made with ❤️ for developers who juggle multiple services