Réponses:
Dans vos paramètres (utilisateur ou espace de travail), il existe un paramètre que vous pouvez modifier pour masquer tout ce que vous souhaitez:
{
"files.exclude": {
"**/.git": true,
"**/.DS_Store": true
}
}
Vous pouvez donc ajouter ce qui suit pour masquer .js
et .js.map
fichiers
"**/*.js": true,
"**/*.js.map": true
Comme l' explique cette autre réponse , la plupart des gens ne veulent probablement masquer des .js
fichiers que lorsqu'il existe un .ts
fichier correspondant .
Donc au lieu de faire:
"**/*.js": true
vous voudrez peut-être faire:
"**/*.js": {"when": "$(basename).ts"}
"**/*.js": {"when": "$(basename).ts"},"**/*.map": {"when": "$(basename).map"}
"**/*.map": {"when": "$(basename).map"}
la même chose que "**/*.map": true
?
J'ai trouvé cela, si vous avez des fichiers JS standard, ils seront également masqués, ce qui n'est pas toujours ce que vous voulez. C'est peut-être mieux car il 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 mis en œuvre, mais pour masquer les .js
fichiers, cela fonctionne:
"**/*.js": {"when": "$(basename).ts"}
Pour masquer les .js.map
fichiers fonctionne:
"**/*.js.map": {"when": "$(basename)"}
.js.map
, comme Visual Studio Code semble interpréter $(basename)
comme étant tout avant la finale .
. Pourrait être simplifié "**/*.map: {"when": "$(basename)"}
, mais cela exclurait tous les .map
fichiers qui ont un non- .map
fichier correspondant .
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 capacités de filtrage avec un files.exclude
paramètre ( 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 .map
fichiers générés par:
"**/*.js.map": { "when": "$(basename)"}
Vous aurez donc 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 d'utiliser les éléments suivants:
"files.exclude": {
"**/.git": true,
"**/.DS_Store": true,
"**/*.js" : {
"when": "$(basename).ts"
},
"**/*.js.map": {
"when": "$(basename)"
}
}
Du document officiel :
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 une astuce. Le modèle de glob de recherche est utilisé comme clé. Les paramètres ci-dessus utilisent deux modèles glob différents pour fournir deux clés uniques, mais la recherche correspondra toujours aux mêmes fichiers.
MISE À JOUR 10/3/2017: avec cette astuce, nous avons un problème avec "recherche dans le dossier". Veuillez voir le problème
1. Allez dans préférences> paramètres
2. Cliquez sur "Modifier sur settings.json" (c'est en bas de l'image)
3. Mettez à jour l'objet json comme vous pouvez le voir sur l'image. Enregistrez ensuite vos modifications Ctrl + S
et c'est tout.
"files.exclude": {
"**/*.js": {"when": "$(basename).ts"}
}
Ajoutez ces paramètres à votre settings.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 le fichier settings.json n'est pas disponible, cliquez sur Fichier ---> Préférences -> Paramètres de l'espace de travail.
Veuillez ajouter les lignes suivantes dans le panneau "Paramètres utilisateur" afin de remplacer les "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)"
}
}
Il est peut-être préférable de masquer .map
et de classer les .js
fichiers lorsqu'ils correspondent à leur .ts
fichier correspondant .
Vous pouvez le faire en copiant les lignes suivantes dans VS User Settings (Préférences> User Settings):
// Workspace settings
"files.exclude": {
"**/*.js": {"when": "$(basename).ts"},
"**/*.map": true
}
.map
.
Dans VS Code, accédez à Code (ou Fichier pour les utilisateurs de 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"}
}
}
Il n'y a toujours pas de solution officielle pour exclure un glob de fichier basé sur deux conditions différentes. Voir ce numéro .
Il existe cependant une solution de contournement pour définir deux modèles glob différents qui ciblent les mêmes fichiers:
{
"files.exclude": {
"**/*.js": { "when": "$(basename).ts"},
"**/*?.js": { "when": "$(basename).tsx"}
}
}
"**/node_modules/": true