Comment puis-je afficher les importations/locaux non utilisés en vert (avertissement) dans le vscode, plutôt qu'en rouge (erreur) ?

Question

Lorsque j'écris du code TypeScript dans vscode, les importations inutilisées s'affichent comme une erreur, avec un trait de soulignement rouge :

Il en va de même pour les variables locales non utilisées. Je suis heureux que celles-ci soient marquées comme des erreurs lorsque je lance le programme tsc dans le cadre de mes tests d'intégration continue, mais je préfère qu'ils soient rendus par des avertissements verts dans vscode. Il est plus probable que je n'ai pas utilisé l'option import/local. mais et l'erreur rouge me fait penser qu'il y a un problème plus grave, par exemple que j'importe un symbole qui n'existe pas.

À l'époque où les importations/locaux inutilisés étaient implémentés par tslint, cela fonctionnait très bien. Mais maintenant qu'ils font partie du compilateur, il est plus difficile de les distinguer.

Est-il possible de faire en sorte que seules ces deux erreurs de compilation soient rendues comme des avertissements ?

Mon tsconfig.json comprend :

{
  "compilerOptions": {
    "noUnusedLocals": true
  }
}

Answer 1

TL;DR : Passez à la version 1.19.0+ (actuellement disponible uniquement en tant que version construite par les initiés) et ces erreurs seront signalées comme des avertissements par défaut.

---

Vous avez de la chance ! Récemment, ils ont fusionné une pull reqests ( https://github.com/Microsoft/vscode/pull/37616 ) qui permet aux utilisateurs de modifier le style des erreurs tsc signalées. Il est disponible pour VSCode 1.19.0+. Pour l'instant, il n'est disponible que dans la version insiders de VSCode (qui est en fait la version bêta du prochain VSCode).

Ce paramètre est appelé typescript.reportStyleChecksAsWarnings . Si ce paramètre est défini sur true, toutes les erreurs des types ci-dessous seront signalées comme des avertissements :

--noUnusedLocals
--noUnusedParameters
--noImplicitReturns
--noFallthroughCasesInSwitch
--allowUnusedLabels
--allowUnreachableCode

Afin d'activer ce paramètre, allez dans Fichier -> Préférences -> Paramètres et filtrez pour typescript.reportStyleChecksAsWarnings . Ici, vous pouvez changer ce paramètre en true (qui est la valeur par défaut dans la version insiders actuelle).