MarkDownにPlantUMLを埋め込む – 【VS Code】

MarkDownにPlantUMLを埋め込む – 【VS Code】

前提

  • Javaインストール済み
  • Graphizインストール済み
  • plantuml.jarダウンロード済み

VS Codeプラグイン

VS Codeに以下プラグインをインストールします。

  • PlantUML
  • Markdown Preview Enhanced

Markdown Preview Enhanced設定

plantuml.jarを配置した場所を設定します。

Markdown

VS CodeでMarkdownを記述します。その中にplantumlを記述します。

# ER

```plantuml
@startuml
entity "employee\n従業員マスタ" as employee {
**id** : ID
--
- name: 名前
- age : 年齢
}
@enduml
```

プレビューです。

HTML出力

プレビュー部分を右クリックしてHTML出力をします。

コメント

株式会社CONFRAGE ITソリューション事業部をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む

タイトルとURLをコピーしました