Jak ukryć niektóre pliki na pasku bocznym w programie Visual Studio Code?

629

Jak ukryć niektóre pliki i wzorce plików na pasku bocznym za pomocą programu Visual Studio Code firmy Microsoft?

Chcę ukryć .metai .gitstylizować pliki

Chris
źródło
3
Nie jest to dokładnie to, czego potrzebujesz, ale możesz przynajmniej wykluczyć niektóre foldery z wyszukiwania, dodając właściwość „search.excludeFolders” do ustawień obszaru roboczego. To mi wystarczyło, ponieważ zwykle sięgam do plików za pomocą Ctrl-Emenu.
Katana314
1
Dobra wskazówka. Przechodzę również do plików w ten sposób i command+p(pochodzących z wysublimowanego tła)
Chris
1
Powiązany problem dotyczący automatycznego ukrywania plików .gitignored na
Johan Walles

Odpowiedzi:

1075

Możesz skonfigurować wzorce, aby ukrywać pliki i foldery przed eksploratorem i wyszukiwaniem.

  1. Otwórz VS Ustawienia użytkownika (menu główne:) File > Preferences > Settings. Spowoduje to otwarcie ekranu ustawień.
  2. Wyszukaj files:excludew wyszukiwaniu u góry.
  3. Skonfiguruj ustawienie użytkownika z nowymi wzorcami globu zgodnie z potrzebami. W takim przypadku dodaj ten wzór, node_modules/a następnie kliknij OK. Składnia wzorca jest potężna. Szczegóły dopasowania wzorca można znaleźć w temacie Przeszukaj pliki .

Po zakończeniu powinien wyglądać mniej więcej tak: wprowadź opis zdjęcia tutaj

Jeśli chcesz bezpośrednio edytować plik ustawień: Na przykład, aby ukryć folder najwyższego poziomu node_modules w swoim obszarze roboczym:

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

Aby ukryć wszystkie pliki zaczynające się od, ._takie jak ._.DS_Storepliki znalezione w OSX:

"files.exclude": {
    "**/._*": true
}

Możesz również zmienić ustawienia obszaru roboczego (menu główne:) File > Preferences > Workspace Settings. Ustawienia obszaru roboczego utworzą .vscode/settings.jsonplik w bieżącym obszarze roboczym i zostaną zastosowane tylko do tego obszaru roboczego. Ustawienia użytkownika zostaną zastosowane globalnie do każdego otwartego wystąpienia VS Code, ale nie zastąpią ustawień obszaru roboczego, jeśli są obecne. Przeczytaj więcej na temat dostosowywania ustawień użytkownika i obszaru roboczego .

Benjamin Pasero
źródło
3
W jakikolwiek sposób wykluczyć linki / aliasy sym?
granmoe,
4
Aby ukryć wszystkie moduły_węzłów w podfolderach, możesz użyć:"**/node_modules/**": true
supNate
3
W późniejszych wersjach VSCode (listopad 2017 r.) Używasz opcji Plik> Preferencje> Ustawienia i używasz menu w prawym górnym rogu, aby wybrać Ustawienia użytkownika lub Obszar roboczy. Wybranie Workspace spowoduje utworzenie folderu .vscode i settings.json w twoim projekcie
Drenai
1
@becko, tak, po zmianie musisz ponownie uruchomić edytor.
Johan Walles,
3
Aby to zadziałało, nie trzeba już ponownie uruchamiać kodu VS.
MarredCheese,
213

Czasami chcesz po prostu ukryć określone typy plików dla konkretnego projektu. W takim przypadku możesz utworzyć folder w folderze projektu o nazwie .vscodei utworzyć tam settings.jsonplik (tj .vscode/settings.json.). Wszystkie ustawienia w tym pliku będą miały wpływ tylko na bieżący obszar roboczy.

Na przykład w projekcie TypeScript użyłem tego:

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}
omt66
źródło
8
VS Code ma teraz zakładkę po przejściu do Preferencji> Ustawienia, w których możesz przełączać się między Ustawieniami użytkownika a Ustawieniami obszaru roboczego, więc nie musisz już ręcznie samodzielnie tworzyć pliku. Świetny przykład wykluczania typów plików - dzięki!
Tim Franklin
24

Rozszerzenie „ Ukryj ” działa świetnie!

Make Hidden zapewnia większą kontrolę nad katalogiem projektu, umożliwiając menu kontekstowe, które pozwalają bez wysiłku wykonywać operacje ukrywania / pokazywania, eksplorator okienka widoku, aby zobaczyć ukryte elementy oraz możliwość zapisywania obszarów roboczych w celu szybkiego przełączania między ukrytymi elementami zbiorczymi.

Yehuda Kremer
źródło
23

Dla .metaplików podczas korzystania z Unity3D znalazłem najlepszy wzór do ukrywania:

"files.exclude": {
  "*/**/**.meta": true
}

To rejestruje wszystkie foldery i podfoldery, a podnieść foo.cs.metaopróczfoo.meta

JerkyTreats
źródło
5
Pracował dla .pycplików generowanych przez python .
Dominic Motuka
3
Działa, ale potem globalne wyszukiwanie przestaje działać z błędem Error parsing glob ... invalid use of **; must be one path component"*/**/*.meta": true
:,
20

Chciałbym również polecić rozszerzenie vscode Peep , które pozwala przełączać ukrywanie wykluczonych plików w twoich projektach settings.json.

Trafienie F1 na linii polecenia vscode palety (polecenia), a następnie

ext install [enter] peep [enter]

Możesz powiązać „extension.peepToggle” z klawiszem takim jak Ctrl+ Shift+ P(tak samo jak F1domyślnie) dla łatwego przełączania. Hit Ctrl+K Ctrl +, Saby uzyskać powiązania klawiszy peep, naciśnij, wybierz Peep Toggle i dodaj swoje powiązanie.

Tony Krøger
źródło
17

__pycache__Folderów i *.pycplików są całkowicie zbędne dewelopera. Aby ukryć te pliki w widoku eksploratora, musimy edytować plik settings.json dla VSCode. Dodaj folder i pliki, jak pokazano poniżej:

"files.exclude": {
  ...
  ...
  "**/*.pyc": {"when": "$(basename).py"}, 
  "**/__pycache__": true,
  ...
  ...
}
AJ
źródło
3

Jeśli pracujesz nad aplikacją Angular 2+ i podobnie jak ja lubisz czyste środowisko pracy, postępuj zgodnie z odpowiedzią @ omt66 i wklej poniżej w pliku settings.json. Zalecam zrobienie tego po zakończeniu wstępnej konfiguracji.

Uwaga : To faktycznie ukryje również folder .vscode (z ustawieniami.json). (Otwórz w natywnym eksploratorze plików / edytorze tekstu, jeśli chcesz później wprowadzić zmiany)

https://pastebin.com/X2NL6Vxb

{
    "files.exclude": {
        ".vscode":true,
        "node_modules/":true,
        "dist/":true,
        "e2e/":true,
        "*.json": true,
        "**/*.md": true,
        ".gitignore": true,
        "**/.gitkeep":true,
        ".editorconfig": true,
        "**/polyfills.ts": true,
        "**/main.ts": true,
        "**/tsconfig.app.json": true,
        "**/tsconfig.spec.json": true,
        "**/tslint.json": true,
        "**/karma.conf.js": true,
        "**/favicon.ico": true,
        "**/browserslist": true,
        "**/test.ts": true
    }
}
Riaan van Zyl
źródło
0

To może nie być tak dobrą odpowiedzią, ale jeśli najpierw wybierzesz wszystkie pliki, do których chcesz uzyskać dostęp, naciskając je na pasku bocznym, aby pojawiły się na górze ekranu, na przykład: script.js, index. HTML, style.css. Zamknij wszystkie pliki, których nie potrzebujesz u góry.

Kiedy skończysz, że naciskasz Ctrl + B na Windowsie i Linuksie, nie wiem, co to jest na Macu.

Ale masz to. nie wysyłaj nienawiści

Chokko2
źródło