如何在 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 代码版本：1.51.0