VS代码资源管理器:仅隐藏生成的.d.ts文件

Question

在VS代码资源管理器中，我希望隐藏在TypeScript编译期间生成的文件。

当有一个my-file.ts时，生成的文件可以是：

1. my-file.js
2. my-file.js.map
3. my-file.d.ts

隐藏前两个很容易，我需要在VS代码的settings.json中这样做：

{
    "files.exclude": {
        "**/*.js.map": true,
        "**/*.js": { "when": "$(basename).ts" }
    }
}

但是第三个呢？我尝试过这个，但是它隐藏了所有的.d.ts文件，甚至是那些不是从.ts文件中生成的独立文件。

{
    "files.exclude": {
        "**/*.d.ts": { "when": "$(basename).ts", "__MY_PROBLEM": "It hides all .d.ts files" }
    }
}

有任何建议只隐藏从同名的.d.ts文件中生成的.ts文件吗？

Answer 1

另一个要“隐藏”从1.64版本开始生成的文件，请参见https://stackoverflow.com/a/70748584/836330。

Explorer > Experimental > File Nesting: Patterns设置如下：

*.ts $(capture).js, $(capture).js.map, $(capture).d.ts

我认为隐藏与*.ts文件相关的*.ts文件是不可能的。

请参见https://github.com/microsoft/vscode/issues/4642，其中一些人报告说，这是可行的：

"**/*.map": {
    "when": "$(basename)"
}

隐藏*.js.map文件，但我无法

"**/*.ts": {
    "when": "$(basename)"
}

做任何事。也许你会有更好的运气

也见https://github.com/microsoft/vscode/issues/59368不成功。

https://github.com/microsoft/vscode/issues/40850谈到了所有.d.ts文件都被排除在外的事实。关闭为“超出范围”。但你可以投赞成票。

Answer 2

您可以使用.d.ts或将它们发送到单独的目录中。关闭declaration:false发射。

// tsconfig.json 
"compilerOptions": {
  "declaration": true,
  "declarationDir": "./types"  // configure the root directory for where declaration files are emitted

Answer 3

我正在使用资源管理器排除插件的vs代码。它负责处理.d.ts文件、.d.ts.map文件以及您想要添加的任何其他内容。