Diagrama de Secuencias con VSCode

Un diagrama de secuencias muestra la interacción de un conjunto de objetos en una aplicación a tráves del tiempo y se modela para cada caso de uso, es decir sirve para capturar el comportamiento en un determinado escenario.

La sintaxis de un diagrama de secuencias es bastante sencilla, fácil de aprender. Según convención, la flecha cerrada corresponde a una petición síncrona y la fecha abierta a una petición asíncrona, la fecha con línea punteada está designada a la respuesta.

Sintaxis Diagrama de Secuencia

En VS Code, encontré una extensión muy funcional para la creación este tipo de diagramas, la extensión se llama VSCode Sequence Diagrams

La extensión permitirá la creación de archivos con extensión seqdiag los cuales puedes generar la vista previa en Ctrl+Shift+P en la opción Show Sequence Diagram Preview.

Ejemplo:

Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow

La única modificación que he realizado a la configuración, es que la vista previa se actualice al grabar el archivo en lugar de realizarla automáticamente, esto es para evitar que se genere un error de sintaxis al momento de estar escribiendo. La configuración es sequencediagrams.preview.trigger

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios .

A %d blogueros les gusta esto: