Jak mogę wykluczyć katalog z karty „Eksploruj” programu Visual Studio Code?

269

Próbuję wykluczyć kilka folderów na karcie „Eksploruj” w programie Visual Studio Code. Aby to zrobić, dodałem następujący plik jsconfig.json do katalogu głównego mojego projektu:

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

Ale folder „node_modules” jest nadal widoczny w drzewie katalogów. Co ja robię źle? Czy są jakieś inne opcje?

Andrey
źródło
Zobacz także stackoverflow.com/questions/31639563/...
mikemaccana
Teraz ma GUI! Zobacz moją odpowiedź.
totymedli

Odpowiedzi:

486

Użyj plików. Wyklucz :

  • Przejdź do Plik -> Preferencje -> Ustawienia (lub w Mac Code -> Preferencje -> Ustawienia )
  • Wybierz workspace settingszakładkę
  • Dodaj ten kod do settings.jsonpliku wyświetlanego po prawej stronie:

    // 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 
            }
        }
    }
    

Jeśli wybierzesz Plik -> Preferencje -> Ustawienia użytkownika , skonfigurujesz foldery wykluczania globalnie dla bieżącego użytkownika.

Wosi
źródło
8
Tylko jeśli ktoś się zastanawia: ukośnik końcowy nie pomaga (ani nie szkodzi) w ograniczeniu wykluczenia tylko do folderów. tzn. "**/BACKUP/": truejest tak samo dobry / zły jak bez ostatniego ukośnika.
Frank Nocke,
Wartość podana w RHS wydaje się być połączona z wartością w LHS. Przypuszczalnie należałoby skopiować wartość z LHS i ustawić ją falsena zastąpienie wartości domyślnych.
roganartu,
Korekta: Powinno to być „** / node_modules”: true
Shekhar Kumar
Jak działa tutaj dziedziczenie? Czy muszę wymieniać wszystkie wykluczenia lub tylko te, których nie ma w ustawieniach użytkownika?
Robert Jeppesen,
6
Warto zauważyć, że w obecnej wersji Kodeksu (1.28.2), przy czym files.excludeklucz należący wewnątrz na settingsklucz z code-workspacepliku.
Tom
81

W nowszych wersjach VS Code przechodzisz do ustawień ( Ctrl+ ,) i pamiętasz, aby wybrać Ustawienia obszaru roboczego w prawym górnym rogu.

wprowadź opis zdjęcia tutaj

Następnie dodaj files.excludeopcję, aby określić wzorce do wykluczenia.

Możesz także dodać, search.excludejeśli chcesz wykluczyć plik z wyników wyszukiwania, a nie z eksploratora folderów.

Drew Noakes
źródło
7
Wyklucz z wyszukiwania, wciąż będąc w stanie przeglądać pliki w eksploratorze - dokładnie to, czego potrzebowałem, dzięki!
davnicwil
1
Dzięki za podanieWorkspace Settings
JJS
3
Musiałem umieścić go files.excludewewnątrz settings:{ ... }, stosując go do ustawień obszaru roboczego ( plik .code-workspace ), w przeciwnym razie narzekał na nieznane wiersze właściwości. Była trzecia zakładka „Ustawienia folderów” (.vscode / settings.json), w której działała w najbardziej oddalonych nawiasach klamrowych.
PAT,
42

tl; dr

  1. Naciśnij Ctrl+ Shift+ Plub Command+ Shift+ Pna komputerze Mac
  2. Wpisz „Ustawienia obszaru roboczego”.
  3. Zmień ustawienia wykluczania za pomocą GUI lub w settings.json:

Sposób GUI

  1. Wpisz „wyklucz” w pasku wyszukiwania.
  2. Kliknij przycisk „Dodaj wzór”. Dodaj wzór wykluczenia w ustawieniach kodu VS.

Kod sposób

  1. Kliknij małą {}ikonę w prawym górnym rogu, aby otworzyć settings.json: Kliknij ikonę nawiasów, aby otworzyć settings.json
  2. Dodaj wykluczone foldery do files.exclude. Również sprawdzić search.excludei files.watcherExcludejak mogą one być przydatne. Ten fragment zawiera objaśnienia i wartości domyślne:

    {
      // 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
      }
    }

Aby uzyskać więcej informacji na temat innych ustawień, zobacz oficjalne settings.jsonodniesienie .

totymedli
źródło
6

W wersji 1.28 Visual Studio Code "files.exclude"musi być umieszczony w settingswęźle.

Wynikający z pliku obszaru roboczego, który wygląda następująco:

{
    "settings": {
        "files.exclude": {
            "**/node_modules": true
        }
    }
}
Nisd
źródło
1

W nowszych wersjach VSCode został on przeniesiony do bloku konfiguracji specyficznego dla folderu.

  • Przejdź do Plik -> Preferencje -> Ustawienia (lub w Mac Code -> Preferencje -> Ustawienia)
  • Wybierz kartę Ustawienia folderów

Następnie dodaj blok „files.exclude”, zawierający listę globów katalogów, które chcesz wykluczyć:

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

wprowadź opis zdjęcia tutaj

moof2k
źródło
1

Jest to rozszerzenie Explorer Exclude, które właśnie to robi. https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

Dodaje opcję ukrywania bieżącego folderu / pliku do menu po kliknięciu prawym przyciskiem myszy. Dodaje także pionową zakładkę Ukryte przedmioty do menu eksploratora, w którym można zobaczyć aktualnie ukryte pliki i foldery i łatwo je przełączać.


wprowadź opis zdjęcia tutaj

JerryGoyal
źródło
-9

Udało mi się usunąć błędy, wyłączając sprawdzanie poprawności:

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

Obs: Mój projekt to PWA przy użyciu StyledComponents, React, Flow, Eslint i Prettier.

Rafael Santos Sá
źródło
9
To wcale nie odpowiada na pytanie PO.
JoeMoe1984,