如何在vscode中创建自定义对话框?

thu*_*hur 11 visual-studio-code vscode-extensions

我正在为vscode开发扩展,我想显示一个自定义对话框来帮助用户配置ini文件.
可以使用标签和输入创建自定义对话框吗?

Lle*_*wey 13

您无法创建新的UI元素,但如果您想从用户那里获得输入,您可以使用以下代码:

let options: InputBoxOptions = {
    prompt: "Label: ",
    placeHolder: "(placeholder)"
}

window.showInputBox(options).then(value => {
    if (!value) return;
    answer1 = value;
    // show the next dialog, etc.
});
Run Code Online (Sandbox Code Playgroud)

这将使用与命令面板相同的UI(当您按Ctrl+时P,或者打开顶部输入框的任何其他命令).

  • [颜色选择器](https://marketplace.visualstudio.com/items?itemName=anseki.vscode-color)扩展程序完美地拉出一个对话框 (5认同)
  • 看起来很整洁,感谢杰夫的提醒。然而,他们不使用标准 api 来做到这一点,他们在自己的进程中生成一个单独的电子应用程序,并使用 ipc 在它和主颜色选择器扩展进程之间进行通信。 (4认同)