wake-up-neo.net

Verstecken Sie .js.map-Dateien in Visual Studio Code

Ich arbeite an einem TypeScript-Projekt in Visual Studio-Code und möchte die Dateien .js.map (und möglicherweise sogar die Dateien .js) nicht im Datei-Explorer anzeigen.

Ist es möglich, nur die .ts -Dateien im Datei-Explorer anzuzeigen?

300
Tyler

In Ihren Einstellungen (entweder Benutzer oder Arbeitsbereich) gibt es eine Einstellung, die Sie ändern können, um alles zu verbergen, was Sie möchten:

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

So können Sie im Folgenden .js und .js.map Dateien ausblenden

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

Wie diese andere Antwort erklärt , möchten die meisten Leute wahrscheinlich nur .js Dateien verstecken, wenn es eine passende .ts Datei gibt.

Also anstatt zu tun:

"**/*.js": true

vielleicht möchten Sie Folgendes tun:

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

Ich habe folgendes gefunden: Wenn Sie Standard-JS-Dateien haben, werden diese ebenfalls ausgeblendet, was möglicherweise nicht immer Ihren Wünschen entspricht. Vielleicht ist dies besser, da nur JS-Dateien ausgeblendet werden, die mit TS-Dateien übereinstimmen ...

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

Ich weiß wirklich nicht, wie dies implementiert ist, aber zum Ausblenden von .js -Dateien funktioniert Folgendes:

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

Das Ausblenden von .js.map -Dateien funktioniert wie folgt:

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

Wenn Sie mit TypeScript arbeiten, möchten Sie generierte JavaScript-Dateien häufig nicht im Explorer oder in den Suchergebnissen sehen. VS Code bietet Filterfunktionen mit der Einstellung files.exclude ( File> Preferences> Workspace Settings). Sie können ganz einfach einen Ausdruck erstellen, um diese abgeleiteten Dateien auszublenden:

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

In ähnlicher Weise werden generierte .map -Dateien wie folgt ausgeblendet:

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

Sie haben also eine Konfiguration wie in:

settings.json

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

Link: https://code.visualstudio.com/docs/languages/TypeScript#_hiding-derived-javascript-files

44
Asim K T

John Papa Twitter LINK sagt folgendes:

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

Aus dem offizielles Dokument :

verwenden Sie diesen Ausdruck, um JavaScript-Dateien auszuschließen, die sowohl aus .ts- als auch aus .tsx-Quelldateien generiert wurden:

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

Das ist ein kleiner Trick. Das Suchglob-Muster wird als Schlüssel verwendet. Die obigen Einstellungen verwenden zwei verschiedene Glob-Muster, um zwei eindeutige Schlüssel bereitzustellen, die Suche stimmt jedoch weiterhin mit denselben Dateien überein.

UPDATE 03.10.2017: mit diesem trick haben wir ein problem mit "suche im ordner". Bitte beachten Sie die Ausgabe

13
duodvk

1. Entes at preferences> settings

enter image description here

2. Klicke auf "Edit on settings.json" (unten im Bild) enter image description here

3. Aktualisieren Sie das Objekt json, wie Sie im Bild sehen können. Speichern Sie dann Ihre Änderungen Ctrl + S und das ist alles.

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

enter image description here]

Fügen Sie diese Einstellungen zu Ihrem settings.json in Ihrem . Vscode Ordner hinzu

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

    }
}

Wenn die Datei settings.json nicht verfügbar ist, klicken Sie auf File ---> Preferences -> Workspace Settings.

5
Aravind

Bitte fügen Sie die folgenden Zeilen im Bereich "Benutzereinstellungen" hinzu, um die "Standardeinstellungen" zu überschreiben. Sie können die Dateien {basename} .js und {basename} .js.map ausblenden, wenn Sie eine Datei als {basename} .ts erstellen.

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

Vielleicht ist es besser, .map und .js Dateien auszublenden, wenn sie mit der entsprechenden .ts Datei übereinstimmen.
Sie können dies tun, indem Sie die folgenden Zeilen in die VS-Benutzereinstellungen kopieren (Einstellungen> Benutzereinstellungen):

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

Gehen Sie in VS Code zu Code (oder Datei für Windows-Benutzer)> Einstellungen> Arbeitsbereichseinstellungen und fügen Sie diesen Codeausschnitt hinzu:

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