Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Docker Compose OutlineNew to Visual Studio Code? Get it now.
Docker Compose Outline

Docker Compose Outline

erbanku

|
28 installs
| (0) | Free
Provides an outline/tree view for Docker Compose files with easy navigation and sorting
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Docker Compose Outline

A Visual Studio Code extension that provides an outline view for Docker Compose files.

The goal is fast navigation and a compact overview of services, volumes, networks, and common service configuration.

Features

  • Outline view in the Explorer
  • Click any item to navigate to its location in the file
  • Service-focused view:
    • Under each service, shows only image and build
    • The build row includes an inline action to run docker compose up -d --build <service>
  • Volumes expand by default (to browse options)
  • Networks/configs/secrets are shown to one level (section -> name)
  • Toggle Expand/Collapse button (works as a toggle)
  • View stays visible even when no Compose file is open (shows a hint row)

Usage

  1. Open a Compose file (for example docker-compose.yml or docker-compose.yaml).
  2. Open the "Docker Compose Outline" view in the Explorer.
  3. Click items to jump to their definition in the file.
  4. For a service with build:, hover the build row and click the play button to run an up/build.

Build action behavior

When you click the inline button on a service's build row, the extension runs:

  • docker compose -f "<compose-file>" up -d --build <service>

It runs in a dedicated VS Code terminal named after the service (reused on subsequent runs).

Installation

From source (development)

  1. Install dependencies.
  2. Compile.
  3. Press F5 (Extension Development Host).

Build a VSIX

  1. Install @vscode/vsce.
  2. Run vsce package.
  3. Install the generated .vsix in VS Code.

Requirements

  • Visual Studio Code 1.85.0 or higher
  • Docker and Docker Compose available on your PATH (for the build action)

Notes

  • VS Code does not provide a reliable way for an extension to force a view into the right sidebar by default. You can move the view via the view header context menu and VS Code will remember it.

License

MIT

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