如何在VS Code中通过FileSystemProvider API处理自定义文件系统文件？

我完全懂你遇到的困扰——VS Code的全新FileSystemProvider API确实表现亮眼，但Node.js内置的fs模块根本不认识自定义文件系统的URI，毕竟这些路径和本地机器的文件系统完全没关系，是其他扩展实现的虚拟文件系统。别慌，VS Code本身就提供了专门的解决方案！

核心方案：使用vscode.workspace.fs API #

VS Code官方提供的vscode.workspace.fs是专门为处理任意文件系统设计的，不管是本地文件、远程文件还是像memfs这样的虚拟文件系统，它都能完美兼容FileSystemProvider接口。

示例代码（结合memfs扩展） #

假设你已经拿到了自定义文件系统的URI，比如memfs的memfs:///test.txt，可以这样操作：

import * as vscode from 'vscode';

// 读取自定义文件系统中的文件
async function readCustomFile(uri: vscode.Uri) {
  try {
    // 读取文件内容（返回Uint8Array）
    const rawContent = await vscode.workspace.fs.readFile(uri);
    // 转换为字符串
    const textContent = new TextDecoder().decode(rawContent);
    console.log('文件内容:', textContent);
  } catch (error) {
    console.error('读取失败:', error);
  }
}

// 写入自定义文件系统中的文件
async function writeCustomFile(uri: vscode.Uri, content: string) {
  try {
    const encodedContent = new TextEncoder().encode(content);
    await vscode.workspace.fs.writeFile(uri, encodedContent);
    console.log('写入成功！');
  } catch (error) {
    console.error('写入失败:', error);
  }
}

// 测试：使用memfs的URI
const memfsTestUri = vscode.Uri.parse('memfs:///demo.txt');
// 先写入内容
await writeCustomFile(memfsTestUri, 'Hello from custom filesystem!');
// 再读取
await readCustomFile(memfsTestUri);

为什么Node.js的fs模块不行？ #

Node.js的fs模块底层依赖的是本地操作系统的文件系统接口，它只能识别本地磁盘的路径。而自定义FileSystemProvider的URI对应的是扩展自行实现的虚拟文件系统，这些路径和本地磁盘没有任何关联，所以fs模块自然找不到对应的文件，也就无法正常工作了。

其他常用操作示例 #

除了读写文件，vscode.workspace.fs还支持常见的文件系统操作：

• 创建目录：await vscode.workspace.fs.createDirectory(vscode.Uri.parse('memfs:///test-folder'));
• 删除文件/目录：await vscode.workspace.fs.delete(vscode.Uri.parse('memfs:///demo.txt'));
• 复制文件：await vscode.workspace.fs.copy(sourceUri, targetUri);

需要注意的是，这些操作全都是异步的，一定要用async/await或者Promise链式调用处理结果哦。

内容的提问来源于stack exchange，提问作者N. Anderson