IDE Command Center

🚀 Supercharge your VS Code workflow with a customizable command center

Transform your development experience with instant access to your most-used commands, scripts, and actions. Press Option+Space (Mac) or Ctrl+Space (Windows/Linux) and watch your productivity soar!

Quick access to all your development commands in one place

✨ Features

🎯 Instant Access

• One-key launch: Option+Space (Mac) or Ctrl+Space (Windows/Linux) opens your personalized command center
• Lightning fast: No more hunting through menus or remembering complex commands
• Always available: Works in any workspace, any project

🛠️ Fully Customizable

• Your commands, your way: Configure npm scripts, shell commands, and VS Code actions
• Smart organization: Group related commands with custom labels and descriptions
• Visual feedback: Emoji support and detailed descriptions for each command

🎨 Multiple Access Points

• Keyboard shortcut: Option+Space (Mac) or Ctrl+Space (Windows/Linux)
• Status bar: Click the "🚀 Command Center" button
• Command palette: Search for "Command Center"
• Context menu: Right-click → Klaz Tools
• Menu bar: Access via View menu

🔧 Smart Configuration

• Auto-setup: Creates starter configuration with common commands
• Live reload: Changes to config file are applied instantly
• Workspace-specific: Each project can have its own command set
• Backup-friendly: JSON configuration travels with your project

🚀 Quick Start

1. Install & Launch

1. Install the extension
2. Press Option+Space (Mac) or Ctrl+Space (Windows/Linux) in any workspace
3. Click "Create" when prompted to generate starter config

2. Customize Your Commands

Edit .vscode/ide-launch-pad.json in your workspace root:

Easy JSON configuration for your custom commands

{
  "title": "My Development Tools",
  "items": [
    {
      "label": "🏗️ Build Production",
      "detail": "Create optimized production build",
      "action": {
        "type": "npmScript",
        "script": "build:prod"
      }
    },
    {
      "label": "🧪 Run All Tests",
      "detail": "Execute complete test suite with coverage",
      "action": {
        "type": "shell",
        "command": "npm test -- --coverage"
      }
    },
    {
      "label": "🐛 Debug Mode",
      "detail": "Start application in debug mode",
      "action": {
        "type": "shell",
        "command": "npm run dev:debug",
        "cwd": "./backend"
      }
    },
    {
      "label": "📦 Install Dependencies",
      "detail": "Clean install all project dependencies",
      "action": {
        "type": "shell",
        "command": "rm -rf node_modules && npm ci"
      }
    },
    {
      "label": "🔍 Find in Files",
      "detail": "Open VS Code's global search",
      "action": {
        "type": "vscodeCommand",
        "command": "workbench.action.findInFiles"
      }
    }
  ]
}

3. Start Using

• Press Option+Space (Mac) or Ctrl+Space (Windows/Linux) → Select command → Done! 🎉

📋 Action Types Reference

🟢 NPM Scripts (npmScript)

Perfect for package.json scripts:

{
  "label": "🚀 Start Dev Server",
  "action": {
    "type": "npmScript",
    "script": "dev",
    "cwd": "./frontend"
  }
}

🟡 Shell Commands (shell)

Execute any terminal command:

{
  "label": "🔄 Git Pull & Install",
  "action": {
    "type": "shell",
    "command": "git pull && npm install",
    "cwd": "."
  }
}

🔵 VS Code Commands (vscodeCommand)

Trigger built-in VS Code functionality:

{
  "label": "🎨 Format Document",
  "action": {
    "type": "vscodeCommand",
    "command": "editor.action.formatDocument",
    "args": []
  }
}

⚙️ Configuration Options

Access via VS Code Settings (Ctrl+,):

🎯 Use Cases & Examples

🌐 Web Development

{
  "title": "Web Dev Tools",
  "items": [
    {
      "label": "🏃 Start Dev",
      "action": { "type": "npmScript", "script": "dev" }
    },
    {
      "label": "🏗️ Build",
      "action": { "type": "npmScript", "script": "build" }
    },
    { "label": "🧪 Test", "action": { "type": "npmScript", "script": "test" } },
    {
      "label": "📱 Mobile Preview",
      "action": { "type": "shell", "command": "npm run dev -- --host" }
    },
    {
      "label": "🚀 Deploy",
      "action": { "type": "shell", "command": "npm run deploy" }
    }
  ]
}

🐍 Python Development

{
  "title": "Python Tools",
  "items": [
    {
      "label": "🐍 Run Script",
      "action": { "type": "shell", "command": "python main.py" }
    },
    {
      "label": "🧪 Run Tests",
      "action": { "type": "shell", "command": "pytest" }
    },
    {
      "label": "📦 Install Deps",
      "action": {
        "type": "shell",
        "command": "pip install -r requirements.txt"
      }
    },
    {
      "label": "🔍 Lint Code",
      "action": { "type": "shell", "command": "flake8 ." }
    }
  ]
}

🐳 Docker Workflow

{
  "title": "Docker Commands",
  "items": [
    {
      "label": "🐳 Build Image",
      "action": { "type": "shell", "command": "docker build -t myapp ." }
    },
    {
      "label": "🚀 Run Container",
      "action": { "type": "shell", "command": "docker run -p 3000:3000 myapp" }
    },
    {
      "label": "🧹 Clean Up",
      "action": { "type": "shell", "command": "docker system prune -f" }
    }
  ]
}

🎨 Pro Tips

💡 Organization

• Use emojis in labels for visual organization
• Group related commands together
• Add detailed descriptions for complex commands

⚡ Performance

• Use npmScript type for package.json scripts (faster than shell)
• Specify cwd for commands that need specific directories
• Keep command lists focused (5-10 items work best)

🔄 Workflow Integration

• Create project-specific configs for different types of work
• Use VS Code commands to integrate with other extensions
• Combine multiple commands with shell scripts

🆘 Troubleshooting

❓ Command Center not appearing?

• Check if extension is enabled in Extensions panel
• Try reloading VS Code window (Ctrl+Shift+P → "Reload Window")
• Verify the extension activated (look for status bar item)

❓ Keyboard shortcut not working?

• Check for conflicts in Keyboard Shortcuts (Ctrl+K Ctrl+S)
• Try the alternative access methods (status bar, command palette)
• On Windows, Ctrl+Space might conflict with input methods
• On Mac, Option+Space might conflict with Spotlight (can be changed in System Preferences)

❓ Commands not executing?

• Verify JSON syntax in config file
• Check terminal output for error messages
• Ensure npm scripts exist in package.json
• Verify file paths and working directories

❓ Config file not found?

• File should be at workspace root: .vscode/ide-launch-pad.json
• Use "Command Center: Open Menu" to auto-create starter config
• Check launchPad.configPath setting if using custom location

🤝 Contributing

Found a bug or have a feature request?

• 🐛 Report issues: GitHub Issues
• 💡 Feature requests: GitHub Discussions
• 🔧 Pull requests: Always welcome!

📄 License

MIT License - see LICENSE file for details.

⭐ Enjoying IDE Command Center? Please consider rating it in the marketplace and sharing with your team!