https://github.com/samwho/vscode-notes

https://github.com/samwho/vscode-notes

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/samwho/vscode-notes
• Owner: samwho
• Created: 2019-03-09T18:44:41.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-03-09T18:44:57.000Z (almost 6 years ago)
• Last Synced: 2024-10-13T20:41:42.496Z (3 months ago)
• Language: TypeScript
• Size: 130 KB
• Stars: 0
• Watchers: 3
• 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.

![Package Explorer](./resources/package-explorer.png)

## VS Code API

This sample uses following contribution points, activation events and APIs

### Contribution Points

- `views`

- `viewContainers`

- `menu`

	- `view/title`

	- `view/item/context`

### Activation Events

- `onView:${viewId}`

### APIs

- `window.createTreeView`

- `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

# Icon attribution

https://fontawesome.com/icons/sticky-note?style=solid