Come posso nascondere determinati file dalla barra laterale in Visual Studio Code?

Utilizzando il codice Visual Studio di Microsoft, come posso nascondere alcuni file e modelli di file nella barra laterale?

Voglio nascondere .metae dare uno .gitstile ai file

È possibile configurare modelli per nascondere file e cartelle da Explorer e ricerche.

1. Apri VS User Settings (Menu principale:) File > Preferences > Settings. Questo aprirà la schermata di impostazione.
2. Cerca files:excludenella ricerca in alto.
3. Configurare le Impostazioni utente con i nuovi modelli glob secondo necessità. In questo caso aggiungi questo modello node_modules/quindi fai clic su OK. La sintassi del pattern è potente. È possibile trovare i dettagli di corrispondenza dei motivi nell'argomento Cerca nei file .

Quando hai finito dovrebbe apparire come questo:

Se si desidera modificare direttamente il file delle impostazioni: ad esempio per nascondere una cartella node_modules di livello superiore nell'area di lavoro:

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

Per nascondere tutti i file che iniziano con ._come i ._.DS_Storefile trovati su OSX:

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

Hai anche la possibilità di modificare le impostazioni dell'area di lavoro (menu principale:) File > Preferences > Workspace Settings. Le impostazioni dell'area di lavoro creeranno un .vscode/settings.jsonfile nell'area di lavoro corrente e verranno applicate solo a tale area di lavoro. Le Impostazioni utente verranno applicate a livello globale a qualsiasi istanza di Codice VS aperto, ma non sovrascriveranno le Impostazioni dell'area di lavoro se presenti. Ulteriori informazioni sulla personalizzazione delle impostazioni dell'utente e dell'area di lavoro .

A volte vuoi solo nascondere determinati tipi di file per un progetto specifico. In tal caso, puoi creare una cartella nella cartella del tuo progetto chiamata .vscodee creare il settings.jsonfile lì, (cioè .vscode/settings.json). Tutte le impostazioni all'interno di quel file influiranno solo sull'area di lavoro corrente.

Ad esempio, in un progetto TypeScript, questo è quello che ho usato:

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}

L' estensione " Make Hidden " funziona alla grande!

Rendi nascosto offre un maggiore controllo sulla directory del tuo progetto abilitando i menu di scelta rapida che ti consentono di eseguire azioni di nascondere / mostrare senza sforzo, un esploratore di riquadri di visualizzazione per vedere gli elementi nascosti e la possibilità di salvare aree di lavoro per passare rapidamente tra gli oggetti nascosti in blocco.

Per i .metafile durante l'utilizzo di Unity3D, ho scoperto che il modello migliore per nascondere è:

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

Questo acquisisce tutte le cartelle e sottocartelle e raccoglierà foo.cs.metain aggiunta afoo.meta

Vorrei anche raccomandare l'estensione vscode Peep , che ti permette di nascondere i file esclusi nelle impostazioni del tuo progetto.json.

Premi F1per la riga di comando di vscode (tavolozza dei comandi), quindi

ext install [enter] peep [enter]

È possibile associare "extension.peepToggle" a un tasto come Ctrl+ Shift+ P(come F1per impostazione predefinita) per passare facilmente. Premi Ctrl+ K Ctrl+ Sper le combinazioni di tasti, inserisci peep, seleziona Peep Toggle e aggiungi la tua associazione.

La __pycache__cartella e i *.pycfile sono totalmente inutili per lo sviluppatore. Per nascondere questi file dalla vista Explorer, è necessario modificare settings.json per VSCode. Aggiungi la cartella e i file come mostrato di seguito:

"files.exclude": {
  ...
  ...
  "**/*.pyc": {"when": "$(basename).py"}, 
  "**/__pycache__": true,
  ...
  ...
}

Se stai lavorando su un'applicazione Angular 2+ e, come me, ti piace un ambiente di lavoro pulito, segui la risposta @ omt66 e incolla quanto segue nel file settings.json. Ti consiglio di farlo una volta completata la configurazione iniziale.

Nota : in questo modo verrà nascosta anche la cartella .vscode (con settings.json). (Aprire in Esplora file / editor di testo nativo se è necessario apportare modifiche in seguito)

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

Questa potrebbe non essere una buona risposta, ma se selezioni per la prima volta tutti i file a cui vuoi accedere premendo su di essi nella barra laterale, in modo che compaiano sullo schermo, ad esempio: script.js, index. html, style.css. Chiudi tutti i file che non ti servono in alto.

Quando hai finito premi Ctrl + B su Windows e Linux, non so cosa sia su Mac.

Ma il gioco è fatto. per favore non inviare odio