在Visual Studio代码中隐藏.js.map文件

Question

我正在使用Visual Studio代码中的一个打字稿项目，并希望隐藏文件资源管理器中出现的.js.map（甚至可能是.js）文件。

是否可以仅在文件资源管理器中显示.ts个文件？

Answer 1

在您的设置（用户或工作区）中，有一个设置可以调整以隐藏您喜欢的任何内容：

@new_vehicle = Vehicle.create(temp)

因此，您可以添加以下内容来隐藏{ "files.exclude": { "**/.git": true, "**/.DS_Store": true } } 和.js个文件

.js.map

作为this other answer explains，大多数人可能只想在匹配的"**/*.js": true, "**/*.js.map": true 文件时隐藏.js个文件。

所以不要这样做：

.ts

您可能想要这样做：

"**/*.js": true

Answer 2

我发现了这个，如果你有标准的JS文件，那么它们也会被隐藏，这可能并不总是你想要的。也许这样更好，因为它只隐藏了与TS文件匹配的JS文件......

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

Answer 3

我真的不知道这是如何实现的，但隐藏.js文件的工作原理：

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

隐藏.js.map个文件有效：

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

Answer 4

使用TypeScript时，通常不希望在资源管理器或搜索结果中看到生成的JavaScript文件。 VS Code提供了files.exclude设置的过滤功能（文件＆gt;首选项＆gt;工作区设置），您可以轻松创建表达式来隐藏这些派生文件：

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

同样隐藏生成的.map文件：

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

所以你将有如下配置：

<强> settings.json

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude": {
        "**/*.js": { "when": "$(basename).ts"},
        "**/*.js.map": { "when": "$(basename)"}
    }
}

链接：https://code.visualstudio.com/docs/languages/typescript#_hiding-derived-javascript-files

Answer 5

John Papa Twitter LINK说使用以下内容：

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

Answer 6

来自official doc：

  

排除从.ts和.tsx源生成的JavaScript文件   文件，使用此表达式：

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

  

这是一个小技巧。搜索glob模式用作键。   上面的设置使用两种不同的glob模式来提供两种   唯一键但搜索仍将匹配相同的文件。

更新10/3/2017：通过此技巧我们遇到了问题＆＃34;在文件夹中搜索＆＃34;。请参阅issue

Answer 7

1。进入偏好设置>设置

2。点击“在settings.json上编辑”（位于图片底部）

3。您可以在图像中看到更新对象json。然后保存您的更改Ctrl + S，仅此而已。

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

] 3

Answer 8

将这些设置添加到 .vscode 文件夹中的 settings.json

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude" :{
    "**/.git":true,
    "**/.DS_Store":true,
    "**/*.map":true,
    "**/app/**/*.js":true

    }
}

如果settings.json不可用，请点击文件 ---＆gt; 偏好设置 - ＆gt; 工作区设置。

Answer 9

请在＆＃34;用户设置＆＃34;中添加以下行：面板以覆盖＆＃34;默认设置＆＃34;。当您将文件创建为{basename} .ts时，您可以隐藏文件{basename} .js和{basename} .js.map。

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

Answer 10

当.map和.js文件与相应的.ts文件匹配时，隐藏它们可能会更好。
您可以通过在VS用户设置（首选项＆gt;用户设置）中复制以下行来执行此操作：

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

Answer 11

  

在VS Code中转到Code（或Windows用户的文件）＆gt;偏好＆gt;工作区设置并添加此代码段：

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

Answer 12

对于基于两个不同条件排除文件Glob，仍然没有官方的解决方案。参见this issue。

尽管有a workaround，用于定义针对相同文件的两个不同的glob模式：

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