Visual Studio Code : rendu des Mermaid Diagram avec le Markdown Preview

Par:
francoistonic

jeu, 21/05/2026 - 18:25

Il est maintenant possible d'avoir un rendu des diagrammes Mermaid directement dans le Markdown preview. Cette intégration est disponible dans la version 1.121. Ce support a été possible en fusionnant l'extension de Matt Bierner directement dans l'éditeur en proposant une nouvelle extension : Mermaid Markdown Features. Vous pouvez ainsi créer un diagramme Mermaid directement en Markdown :

```mermaid
flowchart LR
  Sleep[Sleep] --> Wake{Awake?}
  Wake -->|No| Sleep
  Wake -->|Hungry| Snack[Get treat]
  Wake -->|Not in in Sun?| Move[Move to sun]
  Wake -->|Human is typing| Keyboard[Sleep on keyboard]
  Snack --> Sleep
  Move --> Sleep
  Keyboard --> Sleep
```