Visual Studio Codeで.js.mapファイルを非表示にする

私はVisual Studioコードでtypescriptプロジェクトに取り組んでおり、ファイルエクスプローラーに.js.map（場合によっては.js）ファイルが表示されないようにしたいと考えています。

.tsファイルエクスプローラーでファイルのみを表示することはできますか？

設定（ユーザーまたはワークスペース）には、微調整して必要なものをすべて隠す設定があります。

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true
    }
}

したがって、非表示に.jsして.js.mapファイルに以下を追加できます

"**/*.js": true,
"**/*.js.map": true

この他の答えは説明して、ほとんどの人はおそらく唯一の非表示にしたい.jsのマッチングがある場合、ファイル.tsのファイル。

だから代わりに：

"**/*.js": true

あなたがしたいかもしれません：

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

私はこれを見つけました、あなたが標準のJSファイルを持っているなら、これらも非表示になり、いつもあなたが望むものではないかもしれません。おそらく、TSファイルと一致するJSファイルのみを非表示にするため、これはより良い方法です...

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

これがどのように実装されているかは本当にわかりませんが、.jsファイルを非表示にする場合は機能します。

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

隠すための.js.mapファイルの作品を：

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

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

John PapaのTwitter リンクは、次のように使用すると言います。

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

公式ドキュメントから：

.tsおよび.tsxソースファイルの両方から生成されたJavaScriptファイルを除外するには、次の式を使用します。

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

これはちょっとしたトリックです。検索グロブパターンがキーとして使用されます。上記の設定では、2つの異なるglobパターンを使用して2つの一意のキーを提供していますが、検索は同じファイルと一致します。

2017年10月3日更新：このトリックでは、「フォルダー内の検索」に問題があります。問題をご覧ください

1. [設定]> [設定]に移動します

2. [settings.jsonで編集]をクリックします（画像の下部にあります）。

3.画像でわかるように、オブジェクトjsonを更新します。次に、変更Ctrl + Sを保存します。これですべてです。

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

これらの設定を.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が使用できない場合は、[ファイル] ---> [設定] -> [ワークスペース設定]をクリックします。

「ユーザー設定」パネルに次の行を追加して、「デフォルト設定」を上書きしてください。ファイルを{basename} .tsとして作成するときに、ファイル{basename} .jsおよび{basename} .js.mapを非表示にすることができます。

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

おそらく、対応するファイルと一致する場合は.map、.jsファイルを非表示にする方が良いでしょう.ts。
これを行うには、VSユーザー設定（設定>ユーザー設定）で次の行をコピーします。

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

VS Codeで、コード（またはWindowsユーザーの場合はファイル）>設定>ワークスペース設定に移動し、次のコードスニペットを追加します。

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

2つの異なる条件に基づいてファイルグロブを除外するための公式の解決策はまだありません。この問題を参照してください。

ただし、同じファイルをターゲットとする2つの異なるグロブパターンを定義するための回避策があります。

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