vscode插件开发之 - Treeview视图

  一些测试类插件，往往需要加载测试文件，并执行这些测试文件。以playwright vscode为例，该插件可以显示目录下所有的测试文件。如下图所示，显示了tests目录下的所有xxx.spec.js文件，那么如何在vscode插件开发中显示TreeView呢？主要有三个步骤

 步骤一：在package.json文件中配置TreeView

如下所示，在views中配置了explorer类型的view，含义是资源管理器是默认的视图容器，它显示工作区的文件和文件夹结构。在视图部分中的“explorer”键表示在这里定义的自定义视图将被添加到VS Code中的资源管理器视图容器中。自定义的视图名称是Sample，id是sample。

"contributes": {
    "views": {
      "explorer": [
        {
          "id": "sample",
          "name": "Sample"
        }
      ]
    },
    "commands": [
      {
        "command": "sampleExplorer.refresh",
        "title": "Refresh Sample Explorer"
      }
    ]
  },