Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Project Control PanelNew to Visual Studio Code? Get it now.
Project Control Panel

Project Control Panel

Tim Lappe

|
2 installs
| (0) | Free
A VS Code extension for project management
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Project Control Panel Extension

A dynamic VS Code extension to make interaction with the terminal easier for non-technical users.

Features

  • Dynamic Content Types: Support for different types of content in categories (text, commands)
  • Interactive Commands: Execute terminal commands directly from the panel
  • Real-time Updates: Panel automatically reloads when configuration changes

Configuration

Create a pcp-config.yaml file in your workspace root with the following structure:

name: "Project Name"
content:
  - type: "text"
    content: "Description or instructions for this project"
  - type: "command"
    name: "Command Display Name"
    command: "actual terminal command"
    description: "Optional description of what this command does"

Content Types

Text Content

  • Type: "text"
  • Purpose: Display informational text, instructions, or descriptions
  • Properties:
    • content: The text to display

Command Content

  • Type: "command"
  • Purpose: Interactive command buttons
  • Properties:
    • name: Display name for the command
    • command: The actual terminal command to execute
    • description: Optional description of what the command does

Usage

  1. Open the Panel: Click the "Control Panel" button in the status bar
  2. View Information: Read text content for context and instructions
  3. Execute Commands: Click "Execute" buttons to run commands in terminal

Example Configuration

name: "Full Stack Development Project"
content:
  - type: "text"
    content: "This project includes both frontend and backend components. Make sure you have Docker and Node.js installed before running the commands below."
  - type: "command"
    name: "Install Dependencies"
    command: "npm install"
    description: "Install all required npm dependencies"
  - type: "command"
    name: "Start Docker Services"
    command: "docker compose up -d --build"
    description: "Start all Docker containers in detached mode"
  - type: "command"
    name: "Start Development Server"
    command: "npm run dev"
    description: "Start the development server on port 3000"
  - type: "command"
    name: "Run Tests"
    command: "npm test"
    description: "Run the test suite"
  - type: "command"
    name: "Stop Docker Services"
    command: "docker compose down"
    description: "Stop and remove all Docker containers"

Development

# Install dependencies
npm install

# Compile TypeScript
npm run compile

# Package extension
npm run package

License

MIT License - see LICENSE file for details.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft