如何在 vscode 中打開文件夾選擇器對話框？

Question

我正在編寫擴展，它必須支持在用戶選擇的文件夾中創建新的自定義項目模板（目錄結構和少數文件）。 有沒有辦法在 vscode 中打開文件夾選擇器對話框？

Answer 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"
},

Answer 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