VsCodeにPlantUMLをインストールする

はじめに

VsCode に 拡張機能 'PlantUML' をインストールし、PlantUMLサーバーを使わずに ローカル コンピューター内で PlantUML図を描写する設定を行う。

環境構築

1. VsCodeをインストールする
2. Microsoft Build of OpenJDKをインストールする
3. Graphvizをインストールする

拡張機能をインストールする

① VsCode を実行する。

② Extensions を選択し、 "plantuml" を検索する。

③ jebbs氏が提供する "PlantUML"を選択し、"Install" をクリックする。

サンプルを作る

ドキュメント フォルダに "sample.pu"を作成し、プレビューしてみる。

@startuml
title test

' class diagrams
class Class {
  +string field1
  +void method1()
}

@enduml

ローカルでレンダーする設定を行う。

① "File" - "Preferences" - "Settings" の順に操作し、設定画面を表示する。

② "plantuml" で検索し、"Planutuml: Render" を "Local" にする。