PlantUML paso a paso: crea tu primer diagrama de clases en VS Code
Matias Velasquez
0:00 / 0:00
PlantUML paso a paso: crea tu primer diagrama de clases en VS Code
5 333 просмотра · 1 год назад
Matias Velasquez
912 подписчиков
5 333 просмотра · 1 год назад
En este video te enseño paso a paso cómo crear tu primer diagrama de clases usando PlantUML en Visual Studio Code, sin necesidad de instalar Java ni Graphviz gracias al modo online.
Aprenderás a:
✅ Instalar la extensión de PlantUML en VS Code
✅ Configurar el render online para evitar instalaciones complejas
✅ Crear clases con atributos y métodos
✅ Agregar una relación simple de herencia
✅ Exportar tu diagrama como imagen
✅ Extra: cómo usar PlantUML en Markdown para documentar en un README
Ideal para quienes quieren empezar rápido con diagramas UML sin perder tiempo en configuraciones avanzadas.
00:00 Introducción al tutorial
01:04 Instalar extensión PlantUML en VS Code
01:48 Configuración rápida con render online (sin Java ni Graphviz)
02:58 Crear archivo .puml y previsualizar diagrama
04:06 Clase Persona: atributos y método
05:28 Clase Estudiante: atributos y método
05:50 Relación simple (herencia)
06:40 Exportar diagrama como imagen o PDF
07:28 Extra: PlantUML en Markdown y README
08:37 Diagrama final y cierre
#class #vscode #diagram #uml #desgin #plantuml