PlantUML × Docker + MarkDownをVSCodeで
期待
- VSCodeで、PlantUML + MarkDownを使いたい
- PlantUML Serverには、ローカルへのパッケージのインストールを避け外部Docker Imageを使いたい
要点
- 外部Docker Imageを用いたローカルでのPlantUML Serverの稼働
docker run -d -p 8080:8080 plantuml/plantuml-server:jetty
- Markdown Preview Enhancedの設定値
http://localhost:8080/svg/
- 用いるVSCodeエクステンションはMarkdown Preview Enhancedのみ
詳細
- Dockerの起動
- ターミナルにて
docker run -d -p 8080:8080 plantuml/plantuml-server:jetty
を実行
- VSCodeにて Markdown Preview Enhanced – Visual Studio Marketplace をインストール
- VSCodeの設定からMarkdown-preview-enhanced: Plantuml Serverの値を
http://localhost:8080/svg/
に設定
- .mdファイルの編集画面右上のアイコンから、Markdown Preview EnhancedのPreview画面を表示
参考