meta données pour cette page
  •  

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
certif:procedure:develop:angular:graphe-composant [2026/03/12 11:40] – créée nicolascertif:procedure:develop:angular:graphe-composant [2026/03/12 12:04] (Version actuelle) – [Générer le graph] nicolas
Ligne 8: Ligne 8:
   }   }
 }</code> }</code>
 +  -Installation graphviz sur le poste (version windows) [[https://graphviz.org/download/]] 
 +  -Ajouter le path via powershell (vérifier le chemin d'install) <code>[Environment]::SetEnvironmentVariable("Path", $env:Path + ";C:\Program Files (x86)\Graphviz\bin", "User")</code> 
 +  -Relancer l'éditeur de code 
 +  -Gérer le fichier de paramétrage en console (tout par défaut) <code>npx dependency-cruiser --init</code> 
 +===== Générer le graph ===== 
 +  * dans la console pour générer une image svg <code>npm run dep-graph</code> 
 +  * dans la console pour voir les dépendances <code>npm run dep-graph --circular</code> 
 +  * dans la console pour voir les dépendances partielles<code>npx depcruise src\app\Fichier\Annuaire\annuaire.component.ts --output-type dot | dot -T svg > dep-mon-fichier.svg  </code>  
 +  * dans console **recherche de boucle** dans un dossier <code>npx depcruise src/app/Fichier</code>