Tab Layout

July 8, 2025 ยท View on GitHub

Manage layouts in a workspace

demo

Features

  • Manage layouts in tree view

    • Sort layouts by name or modified time
    • Switch between saved layouts
    • Add / Delete / Rename layouts
  • Show current layout name in status bar

    status-bar

What information do a layout contain

  • Tab groups and their tabs
  • Orientation and size of each tab groups

How layouts stored

Layouts are stored at ${workspaceRoot}/.vscode/layouts/${layoutName}.json

  • if any layout is selected, auto save to that active layout
  • If no layout is selected, won't auto save

Limitations

When clause context

KeyTypeDescription
tab-layout.sort_bystringSort method for layouts in tree view. Values: 'name', 'recent'
tab-layout.availablebooleanIndicates whether the TabLayout extension is available for the current workspace (true when workspace has exactly one folder)
tab-layout.enabledbooleanIndicates whether a layout is currently active (true when there's an layout selected)