Masquer les fichiers .js.map dans le code Visual Studio

Je travaille sur un projet typescript dans le code Visual Studio et je voudrais masquer les .js.map (et peut-être même les fichiers .js ) dans l’explorateur de fichiers.

Est-il possible d’afficher uniquement les fichiers .ts dans l’explorateur de fichiers?

Dans vos parameters (utilisateur ou espace de travail), vous pouvez modifier un paramètre pour masquer tout ce que vous souhaitez:

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

Vous pouvez donc append les éléments suivants pour masquer les fichiers .js et .js.map

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

Comme l’ explique cette autre réponse , la plupart des utilisateurs ne veulent probablement masquer les fichiers .js que s’il existe un fichier .ts correspondant.

Donc, au lieu de faire:

 "**/*.js": true 

vous pourriez vouloir faire:

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

J’ai trouvé ceci, Si vous avez des fichiers JS standard, ceux-ci seront également cachés, ce qui peut ne pas toujours être ce que vous voulez. C’est peut-être mieux, car elle ne cache que les fichiers JS qui correspondent aux fichiers TS …

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

Je ne sais vraiment pas comment cela est implémenté mais pour cacher les fichiers .js :

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

Pour masquer les fichiers .js.map fonctionne:

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

Lorsque vous travaillez avec TypeScript, vous ne voulez souvent pas voir les fichiers JavaScript générés dans l’explorateur ou dans les résultats de recherche. VS Code offre des fonctionnalités de filtrage avec un paramètre files.exclude ( Fichier> Préférences> Paramètres de l’ espace de travail ) et vous pouvez facilement créer une expression pour masquer ces fichiers dérivés:

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

De même, masquez les fichiers .map générés par:

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

Donc, vous aurez une configuration comme dans:

settings.json

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

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

John Papa Twitter LINK dit utiliser ce qui suit:

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

De la doc officielle :

pour exclure les fichiers JavaScript générés à partir des fichiers source .ts et .tsx, utilisez cette expression:

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

C’est un peu un tour. Le modèle de glob de recherche est utilisé comme clé. Les parameters ci-dessus utilisent deux modèles de globes différents pour fournir deux clés uniques, mais la recherche correspondra toujours aux mêmes fichiers.

MISE À JOUR 03/10/2017: avec cette astuce, nous avons un problème avec “rechercher dans le dossier”. S’il vous plaît voir le problème

Ajoutez ces parameters à vos parameters.json dans votre dossier .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 } } 

Si settings.json n’est pas disponible, cliquez sur Fichier —> Préférences -> Paramètres de l’espace de travail.

Peut-être est-il préférable de masquer les fichiers .map et .js lorsqu’ils correspondent .ts fichier .ts correspondant.
Vous pouvez le faire en copiant les lignes suivantes dans VS User Settings (Préférences> Paramètres utilisateur):

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

Veuillez append les lignes suivantes dans le panneau “Paramètres utilisateur” afin de remplacer “Paramètres par défaut”. Vous pouvez masquer les fichiers {basename} .js et {basename} .js.map lorsque vous créez un fichier en tant que {basename} .ts.

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

Dans VS Code, accédez à Code (ou Fichier pour les utilisateurs Windows)> Préférences> Paramètres de l’espace de travail et ajoutez cet extrait de code:

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