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

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

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:

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 .

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

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.

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

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.

__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,
  ...
  ...
}

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

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