🐡

PlantUMLをVisual Studio Codeで使う方法

2023/01/29に公開

環境

  • Windows11
  • Visual Studio Code(1.74.3)

手順

プライグインをインストールする

  • Visual Studio CodeにPlantUMLプラグインをインストールする

PlantUMLの実行環境を用意する

  • Chocolateyをすでにインストールされている方はPowerShellで下記のコマンドを実行します
choco install plantuml
  • Chocolateyをインストールされていない方はリンク先を参照してChocolateyをインストールしてから上記のコマンドを実行します
  • 上記のコマンドを実行すればJava(JDK)やGraphvizなど必要なものがインストールされるようです

最後に

  • Visual Studio Codeを開き適当なファイルを作成して下記のようなコードを書きます
sample.pu
@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response
@enduml
  • ファイルを保存して、ファイルにカーソルが当たった状態でAlt+Dを押下してプレビューが表示されれば完了です

参考

Discussion