📊

【2023年版】VSCodeでPlantUMLを単独・MarkDown埋め込みの両方で使えるようにする

2023/09/18に公開

はじめに

こういう人向け

brew cask install adoptopenjdk

brew cask install adoptopenjdk

PlantUMLファイル(.pu)をプレビューするために必要

MarkDownファイル(.md)をプレビューするために必要

Markdown Preview Enhanced の設定画面で plantuml.jar の在処のパスを設定する必要がある

v0.7.1 以降から必要になった設定のようだ

拡張機能 PlantUML をインストール時に plantuml.jar が同梱される

/Users/{yourname}/.vscode/extensions/jebbs.plantuml-2.17.5/plantuml.jar

このパスを設定するのもいいかもしれないが、何か気持ち悪いので筆者はやめた

(plantuml.jarは別ファイルを別の場所に置いた)

こういった内容を書いて .pu 拡張子で保存する

test.pu

@startuml
:Hello world;
:This is defined on
several **lines**;
@enduml

プレビューで表示されるようになる

test.md

# タイトル

## フローチャート

\```plantuml
:Hello world;
:This is defined on
several **lines**;
\```

プレビューで表示されるようになる