开发VSCode扩展：如何获取编辑器组顶部的所有TextEditors？

嗨，这个需求用VSCode的扩展API就能轻松实现，我给你一步步拆解：

首先，核心思路是遍历所有编辑器组，取出每个组的顶部标签，再把它转换成对应的TextEditor对象。具体代码和解释如下：

实现代码 #

import * as vscode from 'vscode';

export function getTopTabTextEditors(): vscode.TextEditor[] {
    const topTextEditors: vscode.TextEditor[] = [];
    // 获取当前窗口中所有的编辑器组
    const allTabGroups = vscode.window.tabGroups.all;

    for (const tabGroup of allTabGroups) {
        // 取出当前组的第一个标签（也就是界面上最左侧的"顶部"标签）
        const topTab = tabGroup.tabs[0];
        if (!topTab) {
            continue; // 跳过空的编辑器组
        }

        // 过滤出文本编辑器类型的标签（排除终端、预览页等非文本标签）
        if (topTab.input instanceof vscode.TextDocument) {
            // 根据文档URI找到对应的TextEditor
            const matchingEditor = vscode.window.visibleTextEditors.find(editor => 
                editor.document.uri.toString() === topTab.input.uri.toString()
            );
            
            if (matchingEditor) {
                topTextEditors.push(matchingEditor);
            }
        }
    }

    return topTextEditors;
}

关键细节解释 #

• 获取所有编辑器组：vscode.window.tabGroups.all会返回当前窗口中所有拆分后的编辑器组（比如左右分栏、上下分栏的所有组）。
• 定位顶部标签：每个组的tabs数组和界面上标签栏的排列顺序完全一致，所以tabs[0]就是该组最左侧（你说的"顶部"）的标签。
• 过滤文本编辑器：VSCode的标签不止有文本文件，还有终端、扩展面板等，所以用instanceof vscode.TextDocument来确保我们只处理文本编辑器标签。
• 匹配对应的TextEditor：通过文档的URI在visibleTextEditors数组中找到对应的编辑器实例，因为同一个文档可能在多个编辑器中打开，这样能确保拿到的是当前标签对应的那个编辑器。

补充说明 #

如果你口中的"顶部标签页"实际是指每个组当前激活（选中）的标签，那只需要把代码里的tabGroup.tabs[0]替换成tabGroup.activeTab即可，逻辑完全一致。

内容的提问来源于stack exchange，提问作者linjing jia