11

我希望创建一个带有输入表单的 VSCode 扩展 - 某种输入方式。到目前为止，我只看到了扩展的文档处理或输出。

如何在 vscode 扩展中显示一种形式的输入字段？

4

3 回答 3

8

他们需要输入多少数据？如果不是很多，你应该可以用一系列 InputBoxes 处理它

来自https://code.visualstudio.com/docs/extensionAPI/vscode-api

showInputBox(options?: InputBoxOptions): Thenable<string>

Opens an input box to ask the user for input.

The returned value will be undefined if the input box was canceled (e.g. pressing ESC). Otherwise the returned value will be the string typed by the user or an empty string if the user did not type anything but dismissed the input box with OK.

Parameter   Description
options?: InputBoxOptions   
Configures the behavior of the input box.

Returns Description
Thenable<string>    
A promise that resolves to a string the user provided or to undefined in case of dismissal.
于 2016-04-19T21:37:51.547 回答
7

Visual Studio Code API 没有任何本机方法来显示表单以收集输入。但是，您可以将输入框、快速选择等链接在一起...您可以在 vscode.window.(...) 下找到所有这些方法。

如果这些不能满足您的需求，您可以实现一个 webview，它允许您在 Visual Studio Code 中呈现集成的 HTML 并与扩展交换消息。

最简单的方法是在您点击提交按钮或类似按钮后将所有收集的数据从表单简单地发送到扩展程序。

你有一个很好的小教程关于如何做到这一点here。

于 2018-07-09T10:53:28.883 回答
2

另一种方法是查看在 settings.json 中编辑 JSON 对象可以走多远。我以为我需要一个包含 8-10 个字段的表单，但事实证明我可以创建一个包含一系列标签和输入字段（带有类型验证）的设置模板。

于 2019-06-19T04:48:12.673 回答