Générateur de fichier tsconfig.json

Générateur de fichier tsconfig.json

Générer un fichier valide tsconfig.json pour les projets TypeScript sans devoir mémoriser les noms des options ou chercher dans les notes de version pour savoir ce qui a changé dans la dernière version du compilateur. Choisissez un profil (Node ESM, Node CommonJS, React, Next.js, Bibliothèque, ou le plus strict), ajustez les commutateurs de stricteur, ajoutez les alias de chemin si nécessaire, puis copiez le JSON généré dans le répertoire racine de votre projet.

La configuration du compilateur TypeScript est une surface très pointue : les noms des options sont sensibles à la casse, la liste augmente à chaque mise à jour, et une clé mal orthographiée ou dépréciée peut produire un résultat erroné sans échec rapide. Un générateur basé sur un formulaire qui ne génère que les options cochées est la méthode la plus rapide pour obtenir une configuration fonctionnelle qui correspond à votre projet et à son pipeline de compilation.

Comment utiliser

1. Ouvrez le Profil prédéfini menu déroulant et choisissez le meilleur match pour votre projet. Le formulaire remplit des valeurs sensibles pour la cible, le système de modules, le mode JSX et les indicateurs recommandés.
2. Ajustez la Section Langage & Modules si votre environnement de runtime a besoin d'un autre target, module, ou moduleResolution. Définissez jsx si vous compilez React.
3. Définissez le Architecture du projet champs (rootDir, outDir, baseUrl) pour correspondre à la structure de votre dossier. Ajoutez des alias de chemin un par ligne sous la forme alias=target (par exemple @/*=src/*).
4. Utilisez le Stricteur et Vérification des cases à cocher pour activer des vérifications individuelles du compilateur. strict active la famille stricte complète en un clic.
5. Le Émission & Interop section contrôle la manière dont les fichiers sont produits et comment les imports par défaut fonctionnent. Activez declaration pour les bibliothèques ou noEmit lorsque le bundler gère la sortie.
6. Copiez la configuration générée dans le panneau de sortie, ou téléchargez-la directement sous forme de tsconfig.json.

Caractéristiques

• Profils prédéfinis – Node (ESM et CommonJS), React, Next.js App Router, Bibliothèque, et un profil le plus strict pour les nouveaux projets.
• Tous les versions cibles modernes – de ES5 à ES2023 plus ESNext, avec des systèmes de modules correspondants incluant NodeNext et la résolution du bundler.
• Construire les alias de chemin – Entrez un alias par ligne ; le générateur relie automatiquement baseUrl lorsque des alias sont présents.
• Stricteur granulaire – Activez noUncheckedIndexedAccess, exactOptionalPropertyTypeset d'autres indicateurs individuels de la famille stricte.
• Support JSX – Choisissez entre react-jsx, react-jsxdev, classique react, ou preserve pour les bundlers.
• Commentaires inline – Chaque option peut être annotée avec une courte explication afin que le fichier résultant se documente lui-même.
• Inclure et exclure les modèles glob – Entrée multi-ligne pour include et exclude avec des valeurs par défaut sensibles selon le profil.
• Mode bibliothèque – Le profil bibliothèque active declaration, declarationMapet sourceMap afin que les consommateurs obtiennent des types complets.
• Copier ou télécharger – Collez le résultat dans votre dépôt en un clic.