在Visual Studio代码中隐藏.js.map文件-Java 学习之路

283

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

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

11 回答

587

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

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

回复于 2024-05-14T07:55:25+08:00

180

将这些设置添加到 .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不可用，请单击文件 ---> 首选项 --> 工作区设置 .

回复于 2024-05-14T07:55:25+08:00

95
请在“用户设置”面板中添加以下行以覆盖“默认设置” . 当您将文件创建为 .ts时，可以隐藏文件 .js和 .js.map .
```
"files.exclude": {
        "**/*.js": {
            "when": "$(basename).ts"
        },
        "**/*.js.map": {
            "when": "$(basename)"
        }        
    }
```
回复于 2024-05-14T07:55:25+08:00
3
来自official doc：

要排除从.ts和.tsx源文件生成的JavaScript文件，请使用以下表达式：
```
"**/*.js": { "when": "$(basename).ts" },
"**/**.js": { "when": "$(basename).tsx" }
```
这是一个小技巧 . 搜索glob模式用作键 . 上面的设置使用两种不同的glob模式来提供两个唯一键，但搜索仍将匹配相同的文件 .

UPDATE 10/3/2017: 有了这个技巧，我们遇到了"search in folder"的问题 . 请参阅issue
回复于 2024-05-14T07:55:25+08:00
5
也许最好隐藏 .map 和 .js 文件，当它们匹配相应的 .ts 文件时 .
您可以通过在VS用户设置（首选项>用户设置）中复制以下行来完成此操作：
```
// Workspace settings
"files.exclude": {
        "**/*.js":  {"when": "$(basename).ts"},
        "**/*.map": true
 }
```
回复于 2024-05-14T07:55:25+08:00
44
在VS Code中转到Code（或Windows用户的文件）> Preferences> Workspace Settings并添加以下代码片段：
```
{
   "files.exclude": {
      "**/*.js": {"when": "$(basename).ts"},
      "**/*.map": {"when": "$(basename).map"}
   }
}
```
回复于 2024-05-14T07:55:25+08:00
21
1. Entes at preferences > settings

2. Click on "Edit on settings.json" (It's on the bottom of the image)

3. Update the object json as you can see in the image. Then save your changes Ctrl + S and that's all.
```
"files.exclude": {
    "**/*.js": {"when": "$(basename).ts"}
}
```
] 3
回复于 2024-05-14T07:55:25+08:00
5
在您的设置（用户或工作区）中，有一个设置可以调整以隐藏您喜欢的任何内容：
```
{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true
    }
}
```
因此，您可以添加以下内容来隐藏 .js 和 .js.map 文件
```
"**/*.js": true,
"**/*.js.map": true
```
作为this other answer explains，大多数人可能只想在匹配 .ts 文件时隐藏 .js 文件 .

所以不要这样做：
```
"**/*.js": true
```
你可能想做：
```
"**/*.js": {"when": "$(basename).ts"}
```
回复于 2024-05-14T07:55:25+08:00
10
使用TypeScript时，通常不希望在资源管理器或搜索结果中看到生成的JavaScript文件 . VS Code提供了具有 files.exclude 设置（文件>首选项>工作区设置）的过滤功能，您可以轻松创建表达式来隐藏这些派生文件：
```
"**/*.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
回复于 2024-05-14T07:55:25+08:00
3
我发现了这个，如果你有标准的JS文件，那么它们也会被隐藏，这可能并不总是你想要的 . 也许这更好，因为它只隐藏与TS文件匹配的JS文件...
```
{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js.map": true,
        "**/*.js": {"when": "$(basename).ts"}
    }
}
```
回复于 2024-05-14T07:55:25+08:00
4
我真的不知道这是如何实现的，但隐藏 .js 文件的工作原理：
```
"**/*.js": {"when": "$(basename).ts"}
```
隐藏 .js.map 文件的工作原理：
```
"**/*.js.map": {"when": "$(basename)"}
```
回复于 2024-05-14T07:55:25+08:00

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

11 回答

相关问题