Avatar ·

如何使用 File Nesting 在 Visual Studio Code 中隐藏 .js.map 文件

大家好!我最近开始学习 TypeScript,遇到了一个问题:编译我的 .ts 文件后,项目文件夹中会出现大量额外文件——.js 和 .js.map。这严重杂乱了 Visual Studio Code 的资源管理器。 以下是我的项目示例。我有一个 `app.ts` 文件: ```typescript // app.ts function greet(name: string): string { return `你好,${name}!`; } const user = "伊万"; console.log(greet(user)); ``` 运行 `tsc app.ts` 后,同一文件夹中出现了 `app.js` 和 `app.js.map`。如果我有 10–20 个文件,资源管理器里就会变得一团糟:所有 .ts、.js 和 .js.map 都混在一起。 我知道可以配置 `tsconfig.json` 将编译后的文件放入单独的 `dist` 文件夹,但这并不总是方便——有时需要 .js 文件与 .ts 文件放在一起,例如为了 Node.js 的工作。 我听说 VS Code 有一个 "File Nesting" 功能,可以在资源管理器树中将某些文件“嵌套”到其他文件中。例如,这样做...