Extending Workbench | vscode workbench
![Extending Workbench](https://i.imgur.com/axBPWDg.jpg)
"Workbench"referstotheoverallVisualStudioCodeUIthatencompassesthefollowingUIcomponents:TitleBar ActivityBar SideBar Panel EditorGroup StatusBar VSCodeprovidesvariousAPIsthatallowyoutoaddyourowncomponentstotheWorkbench.Forexample,intheimagebelow:ViewsContainerWiththecontributes.viewsContainers[1]ContributionPoint,youcanaddnewViewsContainersthatdisplaynexttothefivebuilt-inViewsContainers.LearnmoreattheTreeView[2]topic.TreeViewWiththecontributes.views[3]ContributionPoint...
![Extending Workbench](https://i.imgur.com/H8YKUrg.jpg)
"Workbench" refers to the overall Visual Studio Code UI that encompasses the following UI components:
Title Bar Activity Bar Side Bar Panel Editor Group Status BarVS Code provides various APIs that allow you to add your own components to the Workbench. For example, in the image below:
Views ContainerWith the contributes.viewsContainers[1] Contribution Point, you can add new Views Containers that display next to the five built-in Views Containers. Learn more at the Tree View[2] topic.
Tree ViewWith the contributes.views[3] Contribution Point, you can add new Views that display in any of the View Containers. Learn more at the Tree View[4] topic.
WebviewWebviews are highly customizable views built with HTML/CSS/JavaScript. They display next to text editors in the Editor Group areas. Read more about Webview in the Webview Guide[5].
Status Bar ItemExtensions can create custom StatusBarItem[6] that disp...