Just do IT

思うは招く

VSCode で PlantUML を使う【Mac】

brewをインストールしていない方は下記を参考にインストールを。

参考:macOS用パッケージマネージャー — Homebrew

公式を参考にして、まずはjavaをインストール。

qjebbs/vscode-plantuml: Rich PlantUML support for Visual Studio Code.

brew cask install java
=> 🍺  java was successfully installed!

javaのインストールには5分くらいかかったかも。

次にgraphvizをインストール。

brew install graphviz

このあと、VSCodeに PlantUML のプラグインをインストールすればOK。

VSCode から画像を出力する

コードを全選択する。(自分の環境では全選択しないと画像を出力できなかった)

f:id:K_Koh:20200324210533j:plain

「command + shift + P」でコマンドパレットを開く。 そして「PlantUML: Export Current Diagram」を選ぶ。

f:id:K_Koh:20200324210609j:plain

出力形式を選ぶ。

f:id:K_Koh:20200324210731j:plain

右下に成功のお知らせ。

f:id:K_Koh:20200324210750j:plain

専用ディレクトリができていて、ここに出力画像が配置されている。

f:id:K_Koh:20200324210816j:plain

参考