https://github.com/zaaack/vscode-treeview-demo
https://github.com/zaaack/vscode-treeview-demo
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/zaaack/vscode-treeview-demo
- Owner: zaaack
- Created: 2021-04-27T12:13:28.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-27T12:28:42.000Z (about 5 years ago)
- Last Synced: 2025-01-17T22:43:02.559Z (over 1 year ago)
- Language: TypeScript
- Size: 117 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
- `views`
- `viewsContainers`
### Activation Events
- `onView:${viewId}`
### APIs
- `window.registerTreeDataProvider`
- `TreeView`
- `TreeDataProvider`
Refer to [Usage](./USAGE.md) document for more details.
## Running the Sample
- Open this example in VS Code Insiders
- `npm install`
- `npm run watch`
- `F5` to start debugging
- Node dependencies view is shown in Package explorer view container in Activity bar.
- FTP file explorer view should be shown in Explorer