Wie kann ich ein Verzeichnis von der Registerkarte "Durchsuchen" des Visual Studio-Codes ausschließen?

Ich versuche, mehrere Ordner auf der Registerkarte "Durchsuchen" in Visual Studio Code auszuschließen. Zu diesem Zweck habe ich dem Stammverzeichnis meines Projekts eine folgende jsconfig.json hinzugefügt:

{
    "compilerOptions": {
        "target": "ES6"
    },
    "exclude": [
        "node_modules"
    ]
}

Der Ordner "node_modules" ist jedoch weiterhin im Verzeichnisbaum sichtbar. Was mache ich falsch? Gibt es noch andere Möglichkeiten?

Verwenden Sie files.exclude :

• Gehen Sie zu Datei -> Einstellungen -> Einstellungen (oder unter Mac- Code -> Einstellungen -> Einstellungen ).
• Wählen Sie die workspace settingsRegisterkarte

• Fügen Sie diesen Code settings.jsonder rechts angezeigten Datei hinzu:

  // Place your settings in this file to overwrite default and user settings.
  
  {
      "settings": {
          "files.exclude": {
              "**/.git": true,         // this is a default value
              "**/.DS_Store": true,    // this is a default value
  
              "**/node_modules": true, // this excludes all folders 
                                      // named "node_modules" from 
                                      // the explore tree
  
              // alternative version
              "node_modules": true    // this excludes the folder 
                                      // only from the root of
                                      // your workspace 
          }
      }
  }
  

Wenn Sie Datei -> Einstellungen -> Benutzereinstellungen gewählt haben , konfigurieren Sie die Ausschlussordner global für Ihren aktuellen Benutzer.

In neueren Versionen von VS Code navigieren Sie zu den Einstellungen ( Ctrl+ ,) und stellen sicher, dass Sie oben rechts die Einstellungen für den Arbeitsbereich auswählen .

Fügen Sie dann eine files.excludeOption hinzu, um auszuschließende Muster anzugeben.

Sie können auch hinzufügen, search.excludewenn Sie eine Datei nur aus den Suchergebnissen und nicht aus dem Ordner-Explorer ausschließen möchten.

tl; dr

1. Drücken Sie Ctrl+ Shift+ Poder Command+ Shift+ Pauf dem Mac
2. Geben Sie "Arbeitsbereichseinstellungen" ein.
3. Ändern Sie die Ausschlusseinstellungen entweder über die GUI oder in settings.json:

GUI Weg

1. Geben Sie "ausschließen" in die Suchleiste ein.
2. Klicken Sie auf die Schaltfläche "Muster hinzufügen".

Code Weg

1. Klicken Sie auf das kleine {}Symbol in der oberen rechten Ecke, um Folgendes zu öffnen settings.json:

2. Fügen Sie ausgeschlossene Ordner hinzu files.exclude. Schauen Sie sich auch an search.excludeund files.watcherExcludewie sie auch nützlich sein könnten. Dieses Snippet enthält ihre Erklärungen und Standardeinstellungen:

   {
     // Configure glob patterns for excluding files and folders. 
     // For example, the files explorer decides which files and folders to show 
     // or hide based on this setting. 
     // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
     "files.exclude": {
       "**/.git": true,
       "**/.svn": true,
       "**/.hg": true,
       "**/CVS": true,
       "**/.DS_Store": true
     },
     // Configure glob patterns for excluding files and folders in searches. 
     // Inherits all glob patterns from the `files.exclude` setting.   
     // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
     "search.exclude": {
       "**/node_modules": true,
       "**/bower_components": true
     },
     // Configure glob patterns of file paths to exclude from file watching. 
     // Patterns must match on absolute paths 
     // (i.e. prefix with ** or the full path to match properly). 
     // Changing this setting requires a restart. 
     // When you experience Code consuming lots of cpu time on startup, 
     // you can exclude large folders to reduce the initial load.
     "files.watcherExclude": {
       "**/.git/objects/**": true,
       "**/.git/subtree-cache/**": true,
       "**/node_modules/*/**": true
     }
   }

Weitere Einzelheiten zu den anderen Einstellungen finden Sie in der offiziellen settings.jsonReferenz .

In Version 1.28 von Visual Studio "files.exclude"muss Code innerhalb eines settingsKnotens platziert werden.

Das Ergebnis ist eine Arbeitsbereichsdatei, die wie folgt aussieht:

{
    "settings": {
        "files.exclude": {
            "**/node_modules": true
        }
    }
}

In neueren Versionen von VSCode wurde dies in einen ordnerspezifischen Konfigurationsblock verschoben.

• Gehen Sie zu Datei -> Einstellungen -> Einstellungen (oder unter Mac-Code -> Einstellungen -> Einstellungen).
• Wählen Sie die Ordner - Einstellungen Registerkarte

Fügen Sie dann einen Block "files.exclude" hinzu, in dem die Verzeichnis-Globs aufgeführt sind, die Sie ausschließen möchten:

{
    "files.exclude": {
        "**/bin": true,
        "**/obj": true
    },
}

Es gibt diese Explorer Exclude- Erweiterung, die genau dies tut.https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

Es wird eine Option zum Ausblenden des aktuellen Ordners / der aktuellen Datei im Kontextmenü hinzugefügt. Außerdem wird dem Explorer-Menü eine vertikale Registerkarte " Versteckte Elemente" hinzugefügt, auf der Sie derzeit ausgeblendete Dateien und Ordner anzeigen und diese einfach umschalten können.

Ich habe es geschafft, die Fehler durch Deaktivieren der Validierungen zu entfernen:

{
    "javascript.validate.enable": false,
    "html.validate.styles": false,
    "html.validate.scripts": false,
    "css.validate": false,
    "scss.validate": false
}

Obs: Mein Projekt ist eine PWA mit StyledComponents, React, Flow, Eslint und Prettier.