1️⃣ Realizar la instalacion , abrir el CMD como administrador.
➖ Primer comando
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
➖ Segundo comando
choco install plantuml
2️⃣ Instalar el plugin de plantUML para Visual Studio Code.
2.1 En plantUML Ir a extensiones y escribir escribir plantuml.
2.2 Botón derecho sobre la primera (PlantUML Rich PlantUML support) -> Extension Settings
2.3 Apartado Plantuml: Diagrams Root (Se establece la carpeta donde van a estar localizados los diagramas .png
Ruta: "docs/diagrams/src"
2.4 Apartado Plantuml: Export Out Dir (Se establece la carpeta para exportar los diagramas)
Ruta: "docs/diagrams/out"
2.5 Apartado Plantuml: Render
Cambiar la opción de "Local" a "PlantUMLServer"
2.6 Plantuml: Server (Establecer servidor de PlantUML)
Escribir la ruta oficial del servidor de Plantuml: "https://www.plantuml.com/plantuml"
3️⃣ Dentro de nuestro proyecto debemos tener una carpeta docs/ con la siguiente estructura. La carpeta /out se va a a generar automaticamente al exportar los diagramas.
- 📁 Project Folder/
- 📁 docs/
- 📁diagrams/
- 📁src/
- 📁architecture_overview.wsd
- 📁 out/
- 📁 architecture_overview/
- 📁 architecture_overview.png
- 📁 architecture_overview/
- 📁src/
- 📁diagrams/
- 📁 rest_of_your_project_folders/
- 📁 docs/
4️⃣ Para generar el diagrama es necesario presionar Alt+D, la primera vez, despues se recarga automaticamente.
5️⃣ Exportar un diagrama, boton derecho "Export current diagram" se genera el "svg" en la carpeta out/
- Se genera una carpeta con el nombre del fichero.
6️⃣ Paginación en un diagrama, util para digramas grandes.
- newpage
- title: Justo debajo de newPage, para indicar en que se centra el diagrama.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent