Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Docs Visual AreasNew to Visual Studio Code? Get it now.
Docs Visual Areas

Docs Visual Areas

Craig Shoemaker

|
371 installs
| (0) | Free
Visualize Microsoft Docs content inside tabs and zones in Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Docs Visual Areas

Visualize Microsoft Docs content inside tabs and zones in Visual Studio Code.

Badge for version for Visual Studio Code extension craig-shoemaker.vscode-docs-visual-areas Installs Downloads Rating

The MIT License

Docs Visual Areas demo

Easily keep track tabbed and zoned content with the following features:

  • Color coded gutters: Each tabbed or zoned section in your article gets a unique gutter color.

  • Area tooltips: Hovering over a line in a section reveals a tool tip with the area label.

  • Status bar: The status bar stays updated with the section name when your cursor is inside a tabbed or zoned section.

Settings

Property Description Default
gutterIndicatorHeight The height the of gutter indicator. 100
gutterIndicatorOffset The offset from the left for the gutter indicator. 12
gutterIndicatorOpacity The opacity percentage of the gutter indicator. 60
gutterIndicatorWidth The width the of gutter indicator. 4

Contributors

  • Kelly Gremban
  • John Papa
  • Craig Shoemaker
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft