Nascondi i file .js.map in Visual Studio Code

Sto lavorando a un progetto typescript nel codice di Visual Studio e vorrei hide i file .js.map (e forse anche i .js ) che appaiono nel file explorer.

È ansible visualizzare solo i file .ts in Esplora file?

Nelle tue impostazioni (utente o area di lavoro) c’è un’impostazione che puoi modificare per hide tutto ciò che desideri:

 { "files.exclude": { "**/.git": true, "**/.DS_Store": true } } 

Quindi puoi aggiungere quanto segue per hide i file .js e .js.map

 "**/*.js": true, "**/*.js.map": true 

Come spiega questa altra risposta , la maggior parte delle persone probabilmente vuole solo hide i file .js quando c’è un file .ts corrispondente.

Quindi invece di fare:

 "**/*.js": true 

potresti voler fare:

 "**/*.js": {"when": "$(basename).ts"} 

Ho trovato questo, Se si dispone di file JS standard, anche questi saranno nascosti, il che potrebbe non essere sempre quello che si desidera. Forse è meglio perché nasconde solo i file JS che corrispondono ai file TS …

 { "files.exclude": { "**/.git": true, "**/.DS_Store": true, "**/*.js.map": true, "**/*.js": {"when": "$(basename).ts"} } } 

Non so davvero come sia implementato, ma per hide i file .js funziona:

 "**/*.js": {"when": "$(basename).ts"} 

Per hide i file .js.map funziona:

 "**/*.js.map": {"when": "$(basename)"} 

Quando si lavora con TypeScript, spesso non si desidera visualizzare i file JavaScript generati nell’esploratore o nei risultati di ricerca. VS Code offre funzionalità di filtro con un’impostazione files.exclude ( File> Preferenze> Impostazioni area di lavoro ) e puoi facilmente creare un’espressione per hide i file derivati:

 "**/*.js": { "when": "$(basename).ts"} 

Allo stesso modo nascondi i file .map generati da:

  "**/*.js.map": { "when": "$(basename)"} 

Quindi avrai una configurazione come in:

settings.json

 // Place your settings in this file to overwrite default and user settings. { "files.exclude": { "**/*.js": { "when": "$(basename).ts"}, "**/*.js.map": { "when": "$(basename)"} } } 

Link: https://code.visualstudio.com/docs/languages/typescript#_hiding-derived-javascript-files

LINK di Twitter di John Papa dice:

 "files.exclude": { "**/.git": true, "**/.DS_Store": true, "**/*.js" : { "when": "$(basename).ts" }, "**/*.js.map": { "when": "$(basename)" } } 

Dal documento ufficiale :

per escludere i file JavaScript generati da entrambi i file di origine .ts e .tsx, utilizzare questa espressione:

 "**/*.js": { "when": "$(basename).ts" }, "**/**.js": { "when": "$(basename).tsx" } 

Questo è un po ‘un trucco. Il modello glob di ricerca viene utilizzato come chiave. Le impostazioni sopra riportate utilizzano due diversi glob pattern per fornire due chiavi univoche, ma la ricerca corrisponderà comunque agli stessi file.

AGGIORNAMENTO 10/3/2017: con questo trucco abbiamo un problema con “cerca nella cartella”. Si prega di consultare il problema

Aggiungi queste impostazioni a settings.json nella tua cartella .vscode

 // Place your settings in this file to overwrite default and user settings. { "files.exclude" :{ "**/.git":true, "**/.DS_Store":true, "**/*.map":true, "**/app/**/*.js":true } } 

Se settings.json non è disponibile, fare clic su File —> Preferenze -> Impostazioni area di lavoro.

Forse è meglio hide i file .map e .js quando corrispondono al loro file .ts corrispondente.
È ansible farlo copiando le seguenti righe in Impostazioni utente VS (Preferenze> Impostazioni utente):

 // Workspace settings "files.exclude": { "**/*.js": {"when": "$(basename).ts"}, "**/*.map": true } 

Aggiungi le seguenti righe nel pannello “Impostazioni utente” per sovrascrivere “Impostazioni predefinite”. È ansible hide i file {basename} .js e {basename} .js.map quando si crea il file come {basename} .ts.

 "files.exclude": { "**/*.js": { "when": "$(basename).ts" }, "**/*.js.map": { "when": "$(basename)" } } 

In VS Code andare su Code (o File per utenti Windows)> Preferenze> Impostazioni area di lavoro e aggiungere questo frammento di codice:

 { "files.exclude": { "**/*.js": {"when": "$(basename).ts"}, "**/*.map": {"when": "$(basename).map"} } }