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

Tyl*_*ler 304 typescript visual-studio-code vscode-settings

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

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

Bro*_*cco 626

在您的设置(用户或工作区)中,有一个设置可以调整以隐藏您喜欢的任何内容:

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true
    }
}
Run Code Online (Sandbox Code Playgroud)

因此,您可以添加以下内容来隐藏.js.js.map文件

"**/*.js": true,
"**/*.js.map": true
Run Code Online (Sandbox Code Playgroud)

正如其他答案所解释的那样,大多数人可能只想在.js匹配.ts文件时隐藏文件.

所以不要这样做:

"**/*.js": true
Run Code Online (Sandbox Code Playgroud)

你可能想做:

"**/*.js": {"when": "$(basename).ts"}
Run Code Online (Sandbox Code Playgroud)

  • `"**/*.js":{"when":"$(basename).ts"},"**/*.map":{"when":"$(basename).map"}` (98认同)
  • 完美解决方案 要添加,我怀疑许多对此感兴趣的用户也会对隐藏node_modules目录感兴趣.这可以这样做:`"**/node_modules /":true` (10认同)
  • `"**/*.map": {"when": "$(basename).map"}` 和 `"**/*.map": true` 一样吗? (2认同)

Alw*_*ing 187

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

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

  • 你能发布一个链接到记录的位置吗?我想使用更复杂的"when"形式,但无法找到记录的位置. (5认同)
  • 在编译和缩小scss之后,如何对.js.map文件进行相同的"when"模式匹配,或".min.css"?它们与$(basename)不匹配 (4认同)

Luk*_*uka 97

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

"**/*.js": {"when": "$(basename).ts"}
Run Code Online (Sandbox Code Playgroud)

隐藏.js.map文件的工作原理:

"**/*.js.map": {"when": "$(basename)"}
Run Code Online (Sandbox Code Playgroud)

  • 这个解决方案也处理`.js.map`,因为Visual Studio Code似乎将`$(basename)`解释为_before_最后的`.`.可以简化为""**/*.map:{"when":"$(basename)"}`,但这将排除_any_` .map`文件,这些文件具有相应的非`.map`文件. (6认同)

Asi*_*K T 44

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

"**/*.js": { "when": "$(basename).ts"}
Run Code Online (Sandbox Code Playgroud)

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

 "**/*.js.map": { "when": "$(basename)"}
Run Code Online (Sandbox Code Playgroud)

因此,您将拥有如下配置:

settings.json

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

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


You*_*ank 22

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

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


duo*_*dvk 15

来自官方文件:

要排除从.ts和.tsx源文件生成的JavaScript文件,请使用以下表达式:

"**/*.js": { "when": "$(basename).ts" },
"**/**.js": { "when": "$(basename).tsx" }
Run Code Online (Sandbox Code Playgroud)

这有点戏法.搜索glob模式用作键.上面的设置使用两种不同的glob模式来提供两个唯一键,但搜索仍将匹配相同的文件.

更新10/3/2017:有了这个技巧,我们遇到了"在文件夹中搜索"的问题.请看问题


Dan*_*iaz 7

1.偏好设置>设置

在此处输入图片说明

2.单击“在settings.json上编辑”(位于图像底部) 在此处输入图片说明

3.更新对象json,如图所示。然后保存您的更改Ctrl + S,仅此而已。

"files.exclude": {
    "**/*.js": {"when": "$(basename).ts"}
}
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明] 3


Ara*_*ind 6

添加这些设置到您settings.json.vscode文件夹

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

    }
}
Run Code Online (Sandbox Code Playgroud)

如果settings.json不可用,请单击文件--->首选项- >工作区设置.


小智 5

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

"files.exclude": {
        "**/*.js": {
            "when": "$(basename).ts"
        },
        "**/*.js.map": {
            "when": "$(basename)"
        }        
    }
Run Code Online (Sandbox Code Playgroud)