VSCode 扩展自定义视图设置答案

【问题标题】：VSCode extension custom view setupVSCode 扩展自定义视图设置
【发布时间】：2020-05-01 21:49:49
【问题描述】：

我正在尝试编写一个自定义 VSCode 视图，我希望它的行为类似于调试器的工作方式。这意味着当您单击活动栏中的视图时，如果尚未设置，它将要求您进行设置。你是怎么做到的？

这是我在 package.json 中创建视图的方式，

        "viewsContainers": {
            "activitybar": [
                {
                    "id": "my-view",
                    "title": "My View",
                    "icon": "images/my-icon.svg"
                }
            ]
        },
        "views": {
            "my-view": [
                {
                    "id": "child-view-1",
                    "name": "Child View 1"
                },
                {
                    "id": "child-view-2",
                    "name": "Child View 2"
                }
            ]
        },

我的图标显示在活动栏中，当我单击它时会显示我的子视图。如何自定义该行为？当我的图标被点击时，我希望它检查它是否之前设置过，如果没有，则运行我的设置代码。

【问题讨论】：

标签： visual-studio-code vscode-extensions

【解决方案1】：

“点击命令”是在创建树项时设置的，在对象的命令参数中，如下所示：

new Dependency(moduleName, version, vscode.TreeItemCollapsibleState.None, {
                        command: 'extension.openPackageOnNpm',
                        title: '',
                        arguments: [moduleName]

该点击应调用定义的另一个命令以接受输入并相应地进行处理。这假定视图具有由树视图类实例化创建的默认项。

这个示例确实帮助我了解了所有设置：
https://github.com/microsoft/vscode-extension-samples/blob/29b21d108d4575003278060faaa3eab0f7374979/tree-view-sample/src/nodeDependencies.ts#L52

此外，此扩展在使用默认选项填充树视图方面有一些很好的用途，您的用户可以单击以开始获取环境设置：https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-cosmosdb

如果在您的示例中，环境尚未设置，并且我认为视图列表中没有可单击的对象，那么如下所示的欢迎视图应该提供一个选项来获取用户朝着正确的方向前进。 https://code.visualstudio.com/api/extension-guides/tree-view#welcome-content

【讨论】：