VS-Code, UI architecture

vs-code-ui-architecture.md

Quickly scaffold an extension using: https://code.visualstudio.com/api/get-started/your-first-extension

VS-Code, UI architecture and elements for vscode extensions.

Sourced from: https://code.visualstudio.com/api/ux-guidelines/overview
^ the overview has additional items, that I might build out in another document.

Rewriting this here because I just want an at a glance reference.
Where it is a thing and then an image and I can scroll through it all.

Activity Bar: https://code.visualstudio.com/api/ux-guidelines/activity-bar

Sidebars: https://code.visualstudio.com/api/ux-guidelines/sidebars

Panel https://code.visualstudio.com/api/ux-guidelines/panel

Status Bar https://code.visualstudio.com/api/ux-guidelines/status-bar

Views https://code.visualstudio.com/api/ux-guidelines/views

Editor Actions: https://code.visualstudio.com/api/ux-guidelines/editor-actions

Quick Picks: https://code.visualstudio.com/api/ux-guidelines/quick-picks

Command Pallete: https://code.visualstudio.com/api/ux-guidelines/command-palette

Notifications: https://code.visualstudio.com/api/ux-guidelines/notifications

Web Views: https://code.visualstudio.com/api/ux-guidelines/webviews

Context Menus: https://code.visualstudio.com/api/ux-guidelines/context-menus

Walkthroughs: https://code.visualstudio.com/api/ux-guidelines/walkthroughs

Settings: https://code.visualstudio.com/api/ux-guidelines/settings

In the future might look something like this:

https://developer.apple.com/design/human-interface-guidelines/presentation

Or ... one image with all parts pointed out that clicking on takes to that page.