如何在 vscode 中打开文件夹选择器对话框？答案

【问题标题】：How to open folder picker dialog in vscode?如何在 vscode 中打开文件夹选择器对话框？
【发布时间】：2018-01-12 00:35:15
【问题描述】：

我正在编写扩展程序，它必须支持在用户选择的文件夹中创建新的自定义项目模板（目录结构和少量文件）。有没有办法在 vscode 中打开文件夹选择器对话框？

【问题讨论】：

标签： visual-studio-code vscode-extensions

【解决方案1】：

在 VSCode 1.17 中添加了文件对话框。请参阅window.showOpenDialog 和window.showSaveDialog。

它们似乎不会选择没有文件的文件夹，但它们确实允许多选，当然您可以只取任何所选文件的路径名。

const options: vscode.OpenDialogOptions = {
     canSelectMany: false,
     openLabel: 'Open',
     filters: {
        'Text files': ['txt'],
        'All files': ['*']
    }
};

vscode.window.showOpenDialog(options).then(fileUri => {
    if (fileUri && fileUri[0]) {
        console.log('Selected file: ' + fileUri[0].fsPath);
    }
});

请注意，您可能需要更新您的 package.json 文件才能访问此新 API。

"engines": {
    "vscode": "^1.17.0"
},

【讨论】：

【解决方案2】：

现在我们可以使用 window.showOpenDialog 来选择文件夹。只需根据需要调整选项即可。

    const options: vscode.OpenDialogOptions = {
        canSelectMany: false,
        openLabel: 'Select',
        canSelectFiles: false,
        canSelectFolders: true
    };
   
   vscode.window.showOpenDialog(options).then(fileUri => {
       if (fileUri && fileUri[0]) {
           console.log('Selected file: ' + fileUri[0].fsPath);
       }
   });

目前我正在开发 Vs Code 版本：1.51.0

【讨论】：