Question

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

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

Answer 1

他们需要输入多少数据？如果不是很多，你应该可以用一系列的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.

Answer 2

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

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

最简单的方法是，一旦您按下“提交”按钮或类似按钮，即可将所有收集的数据从表单发送至扩展名。

您有一个不错的小教程，关于如何here。

Answer 3

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

vscode扩展如何显示表单

3 个答案: