代码之家  ›  专栏  ›  技术社区  ›  rkrahl

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

  •  9
  • rkrahl  · 技术社区  · 7 年前

    我正在编写扩展,它必须支持在用户选择的文件夹中创建新的自定义项目模板(目录结构和少数文件)。有没有办法在vscode中打开文件夹选取器对话框?

    2 回复  |  直到 7 年前
        1
  •  14
  •   Gama11 zzapper    5 年前

    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
  •  7
  •   Nouman Ahmad    4 年前

    现在,我们可以使用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);
           }
       });