bingyi/vscode-extension-samples
1
0
Fork 0
mirror of https://github.com/microsoft/vscode-extension-samples.git synced 2026-04-27 16:55:44 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
0db7faa03cb9fffb9c7d99f934e3c5591207c064
vscode-extension-samples/tree-view-sample
History
Matt Bierner 42e83bf2f3 Bump eslint versions and update lint scripts 
Pick up latest eslint to avoid a nasty warning about using an unsupported version of TS

Also updates the eslint script to be more scoped on which files it checks
2022-11-04 13:52:32 -07:00
..
.vscode
Add --enable-proposed-api to launch.json (#346)
2021-07-16 11:21:41 +02:00
media
Rename to tree view
2017-06-02 14:27:05 +02:00
resources
Update sample
2018-11-19 12:17:15 +01:00
src
strict check tree view sample (#700)
2022-08-17 15:48:32 +02:00
.eslintignore
Use eslint instead of tslint
2020-05-29 14:01:37 -07:00
.eslintrc.js
Enable semicolon rule for eslint
2020-05-29 14:13:32 -07:00
.gitignore
remove yarn.lock
2020-12-01 11:03:07 +01:00
.vscodeignore
Rename to tree view
2017-06-02 14:27:05 +02:00
package-lock.json
Bump eslint versions and update lint scripts
2022-11-04 13:52:32 -07:00
package.json
Bump eslint versions and update lint scripts
2022-11-04 13:52:32 -07:00
README.md
Fix reference to viewsContainers contribution point
2020-05-23 08:53:27 +01:00
tsconfig.json
strict check tree view sample (#700)
2022-08-17 15:48:32 +02:00
USAGE.md
Typo
2021-03-27 15:30:10 +03:00

README.md

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

VS Code API

This sample uses following contribution points, activation events and APIs

Contribution Points

  • views
  • viewsContainers
  • menu
    • view/title
    • view/item/context

Activation Events

  • onView:${viewId}

APIs

  • window.createTreeView
  • window.registerTreeDataProvider
  • TreeView
  • TreeDataProvider

Refer to Usage 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