mirror of
https://github.com/microsoft/vscode-extension-samples.git
synced 2026-04-27 16:55:44 +08:00
0b26276bb6
Fixes #180 Changes from using `vscode` to `@types/vscode` for the majority of extension samples. The `@types/vscode` package is much smaller and does not pull in any dependencies. Other changes: - Remove so empty test files - Bump engine versions to match @types/vscode versions - Use `npm run compile` for most `vscode:prepublish` scripts
Views & View Containers
This sample demonstrates how to implement and contribute a tree view in VS Code. This includes:
- Contributing views and view containers.
- Contributing actions in various location of the view.
- Implementing the tree data provider for the view.
- Creating and working with the view.
This sample provides following views
- Node dependencies view
- Ftp file explorer view
Following example shows Node dependencies view in Package Explorer View container.
VS Code API
This sample uses following contribution points, activation events and APIs
Contribution Points
viewsviewContainersmenuview/titleview/item/context
Activation Events
onView:${viewId}
APIs
window.createTreeViewwindow.registerTreeDataProviderTreeViewTreeDataProvider
Refer to Usage document for more details.
Running the Sample
- Open this example in VS Code Insiders
npm installnpm run watchF5to start debugging- Node dependencies view is shown in Package explorer view container in Activity bar.
- FTP file explorer view should be shown in Explorer