Comment masquer les fichiers .js et .map dans WebStorm tout en travaillant sur un projet Angular2-TypeScript
J'ai essayé d'ajouter les extensions à .gitignore mais le résultat est le suivant:
Les fichiers ne sont pas complètement masqués.
Lorsque vous utilisez WebStorm sans le compilateur TypeScript intégré (par exemple parce que vous exécutez un projet Angular2 avec leur npm start script qui fait déjà la compilation) et l'autre méthode ne fonctionne pas, vous pouvez configurer votre propre panneau "Projet" filtré pour WebStorm:
- Sélectionnez
Project Filessection du panneau latéral (Projectsection n'offre pas le menu de configuration nécessaire) - Cliquez sur l'icône d'engrenage pour configurer
![enter image description here]()
- Sélectionnez "Modifier les étendues" dans ce menu
- Ajouter une nouvelle portée
- Définissez le modèle sur un filtre approprié pour exclure le
*.jset*.js.mapfichiers (j'utilise!file[my-root-folder]:app//*.js&&!file[my-root-folder]:app//*.js.map) - Vous pouvez sélectionner cette étendue en tant que section du panneau latéral (au lieu de
ProjectouProject Files) sous le nom que vous avez défini l'étendue.
- Activer le compilateur TypeScript (les fichiers générés sont masqués lorsque le compilateur les génère)
- Changez votre vue en
Projectcomme suggéré par Cibes
Pour moi, en utilisant le panneau Project, plutôt que le panneau Project Files, J'ai réussi à réduire les fichiers *.js Et .js.map Et à les cacher sous leur *.ts Fichier.
Remarque: cela ne fonctionne que lorsque le compilateur TypeScript de WebStorm est activé. ( voir la réponse d'A_Singh )
WebStorm 2017.3.3
Si vous n'avez pas besoin d'exécuter Activez le compilateur TypeScript .
Tu peux le faire
Alors
Après cela, sélectionnez simplement votre filtre
