在 vscode 扩展中列出文件夹中的文件

Question

我正在创建一个 vscode 扩展，它可以对文件路径进行一些自定义自动完成。

我想获取用户输入的内容，如果该值解析为工作区中的文件夹，我想列出该文件夹中的所有文件以便自动完成。

例如，给定：

• 工作区位于：/home/me/my-vs-project
• 带有文件：
  • /home/me/my-vs-project/assets/dog.png
  • /home/me/my-vs-project/assets/cat.jpeg

如果我在 vscode 中输入“assets”或“./assets”，扩展程序应该能够为我提供一个自动完成列表：

• './assets/dog.png'
• './assets/cat.png'

这是一个不起作用的代码的 sn-p（返回 0 个结果）..

let inputAsWorkspaceRelativeFolder = getInput(document, position); // for example, would return: '/home/me/my-vs-project/assets' for input of './assets'

let glob = inputAsWorkspaceRelativeFolder + '/*';

vscode.workspace.findFiles(glob, null, 100).then((uris: vscode.Uri[] ) => {         
   uris.forEach((uri: vscode.Uri) => {              
         console.log(uri);
   });
}); 

由于某种原因，上面的代码返回 0 uris。关于如何格式化 glob 以实现这一点的想法？和/或是否有更好的方法？

Answer 1

我可以使用vscode.RelativePattern 来做到这一点——我确信我可以使用通用 GlobPatterns 来做到这一点，但我仍然不清楚findFiles(..) 在匹配文件时认为“根”是什么； RelativePattern 明确地相对于工作区根。

let workspaceFolder: vscode.WorkspaceFolder | undefined = vscode.workspace.getWorkspaceFolder(document.uri);

        if (!workspaceFolder || document.isUntitled) {
            return undefined;
        }

        // Workspace folder: /home/me/my-project
        let workspaceFolderPath: string = workspaceFolder.uri.path;

        let relativeSearchFolderPrefix = path.normalize(path.dirname(document.uri.path) + '/' + searchText);
        relativeSearchFolderPrefix = path.relative(workspaceFolderPath, relativeSearchFolderPrefix);

            let relativePattern: vscode.RelativePattern = new vscode.RelativePattern(
                workspaceFolderPath,
                relativeSearchFolderPrefix + '/**/*.{png,jpeg,jpg,gif}');

return vscode.workspace.findFiles(globPattern, null, 50).then((uris: vscode.Uri[] ) => {            
            let relativePaths: string[] = [];

            uris.forEach((uri: vscode.Uri) => {             
                relativePaths.push(path.relative(current, uri.path));
            });

            // trivial custom function that turns an array of strings into CompletionItems
            return getCompletionItems(relativePaths, vscode.CompletionItemKind.File);
        }); 

Answer 2

??? 我认为你冤枉了全球。 我发现这个有趣的wiki 关于 Glob 模式组合。

        let inputAsWorkspaceRelativeFolder = 'asset'; // for example, would return: '/home/me/my-vs-project/assets' for input of './assets'

        //https://github.com/ev3dev/vscode-ev3dev-browser/wiki/Glob-Patterns
        let glob = '**/'+inputAsWorkspaceRelativeFolder+'/*.*';//or +'/{*.png,*.jpeg}';

或者你可以使用node内置的fs

import * as fs from 'fs';
        fs.readdir(inputAsWorkspaceRelativeFolder, (err, files: string[]) => {
            files.forEach((file: path) => {
                const uri = vscode.Uri.file(file);
                console.log(uri);
            });
        });

更简单，如果您想获取资产文件夹中的所有文件并且不想过滤扩展名。