VS Code语言扩展开发：如何获取active editor的源代码？

一、获取活动编辑器的源代码行数组 #

不需要用到VS Code Language API，用核心编辑器API就能直接实现，步骤如下：

1. 获取活动文本编辑器实例：通过vscode.window.activeTextEditor获取，注意先判断实例是否存在（比如用户未打开任何编辑器时会返回undefined）。
2. 提取文档内容并拆分成行：通过编辑器关联的document对象获取完整文本，再按换行符拆分成数组（兼容Windows的\r\n和类Unix的\n）。

示例代码：

import * as vscode from 'vscode';

function getActiveEditorSourceLines(): string[] | undefined {
    const activeEditor = vscode.window.activeTextEditor;
    if (!activeEditor) {
        return undefined;
    }
    
    const doc = activeEditor.document;
    const fullContent = doc.getText();
    // 兼容不同换行格式，拆分为行数组
    return fullContent.split(/\r?\n/);
}

二、在Webview中操作源代码副本 #

拿到行数组后，可通过Webview的消息机制将数据传递到Webview，在Webview内创建副本进行操作（不会影响原编辑器的代码）：

1. 向Webview发送数据：

// 假设已创建webviewPanel实例
const sourceLines = getActiveEditorSourceLines();
if (sourceLines) {
    webviewPanel.webview.postMessage({
        type: 'loadSource',
        lines: sourceLines
    });
}

2. Webview内接收并操作副本：

// Webview中的脚本代码
window.addEventListener('message', (event) => {
    const msg = event.data;
    if (msg.type === 'loadSource') {
        // 创建源代码副本，避免修改原数据
        const sourceCopy = [...msg.lines];
        
        // 在这里对sourceCopy进行任意操作，比如修改行内容、排序等
        // 示例：修改第一行内容
        if (sourceCopy.length > 0) {
            sourceCopy[0] = '// 修改后的第一行';
        }
    }
});

三、关于VS Code Language API的使用 #

Language API主要用于语法解析、代码补全、诊断提示等语言服务相关功能，获取活动编辑器的源代码不属于它的职责范围，使用核心编辑器API是更直接、高效的方式。

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