Saltar al contenido

¿Cómo generar diagramas de clase UML de TypeScript en VS Code?

Posterior a de una larga recopilación de información hemos podido resolver esta traba que pueden tener ciertos los lectores. Te compartimos la respuesta y nuestro deseo es servirte de gran apoyo.

Solución:

Usando Diagrama UML característica introducida por IntelliJ Redactor por cerebros de chorro y funciona muy bien con mecanografiado.

Abra la ventana emergente del diagrama

Ir Ajustes >>> Buscar uml y encuentre el atajo de teclado para ello.

O

Haga clic derecho en el nombre de una clase >>> diagramas >>> Mostrar diagrama emergente

Mostrar propiedades y métodos de clase:

Haga clic derecho en la ventana emergente del diagrama >>> Mostrar categorías >>> MétodosorPropiedades

Puntas

  • Encontrará muchas opciones para mostrar haciendo clic derecho en la ventana emergente del diagrama.
  • Puede hacer zoom en los objetos del diagrama (si hay demasiados detalles) manteniendo presionada la tecla alternativa key al pasar sobre ellos

    ingrese la descripción de la imagen aquí

Para mecanografiado:

  • los Editor de ALM TypeScript incluye esta característica: https://github.com/alm-tools/alm/issues/84

    Sin embargo, parece que solo crea un diagrama para una sola clase, no una vista jerárquica completa del proyecto con relaciones de herencia.

  • Tsviz es otro proyecto prometedor: https://github.com/joaompneves/tsviz

    ejemplo de diagrama generado

    Genera un diagrama completo del proyecto. Sin embargo, parece obsoleto y no funciona con versiones recientes de TypeScript. Estoy trabajando en una bifurcación actualizada.

Si conservas alguna sospecha o disposición de aumentar nuestro reseña eres capaz de añadir un comentario y con deseo lo interpretaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *