J'ai créé une bibliothèque de graphiques de dépendances pour JavaScript et TypeScript

Bonjour ! J'aimerais vous présenter mon projet, DecodeDeps. Il s'agit d'un outil de développement destiné à améliorer l'efficacité du développement JavaScript et TypeScript.

Qu’est-ce que DecodeDeps ?

DecodeDeps est un outil d'analyse et de visualisation des dépendances de modules dans les projets JavaScript, JSX, TypeScript et TSX. Il identifie les modules via des instructions d'importation et d'exigence et représente les relations entre les modules dans un graphique, vous aidant ainsi à créer une base de code plus structurée.

Aperçu

Étape 1. Préparez votre projet et installez la bibliothèque.

Étape 2. Entrez la commande.

Étape 3. Vérifiez les résultats sur localhost5001.

Principales fonctionnalités

• Support JS, JSX, TS, TSX : analyse et visualise les dépendances des fichiers JavaScript, JSX, TypeScript et TSX.
• Importer et exiger un support : capture les dépendances entre les modules ES et les modules CommonJS via les instructions d'importation et d'exigence.
• Saisie de dossier flexible : vous permet de saisir plusieurs dossiers sous forme de tableau pour analyser facilement l'ensemble du projet ou des sous-dossiers spécifiques.
• Couleurs dynamiques des nœuds : les couleurs des nœuds varient en fonction de la taille du module, fournissant un aperçu rapide du poids du module. Passez la souris sur un nœud pour afficher la taille précise du module.
• Personnalisation du graphique interactif : ajustez la taille des nœuds et la distance des liens, effectuez un zoom avant/arrière et utilisez la fonctionnalité glisser-déposer pour explorer librement le graphique des dépendances.

Qui devrait utiliser cet outil ?

• Équipes de refactoring : Identifiez facilement les points d'optimisation lors du refactoring.
• Gestionnaires de base de code volumineux : gérez efficacement les dépendances de modules complexes.
• Développeurs juniors : comprenez rapidement la structure globale du code.
• Équipes de projet critiques en termes de performances : améliorez les performances de construction et de chargement grâce à un regroupement optimisé.

Ce projet est open-source, et vos commentaires et contributions sont toujours les bienvenus. Je travaille continuellement pour développer DecodeDeps en un outil encore plus efficace en ajoutant de nouvelles fonctionnalités et en fournissant des mises à jour régulières.

Si vous souhaitez essayer d'utiliser cette bibliothèque, veuillez visiter GitHub.
https://github.com/jnoncode/decode-deps

Merci !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!