Mac VSCode: How to plantUML preview within markdown

Mac VSCode: How to plantUML preview within markdown.md

Mac VSCode: How to plantUML preview within markdown.

Prepare

$ mkdir -p ~/java
$ cd ~/java
$ brew install maven
$ git clone https://github.com/plantuml/plantuml-server.git
$ cd plantuml-server 
$ export PATH=/opt/apache-maven-3.6.3/bin:$PATH

And VSCode Settings

1. Install PlantUML and Markdown PDF extensions.
2. Add PlantUML Settings.

• ⌘⇧p
• Select Preferences: Open Settings (JSON)
• Add setting to settings.json

  "plantuml.render": "PlantUMLServer",
  "plantuml.server": " http://localhost:9999/plantuml",
  "plantuml.commandArgs": [ "-Xmx2g", "-DPLANTUML_LIMIT_SIZE=16384" ],

3. Choose Allow local content in VSCode warning dialog.

Wakeup local plantUML server

$ cd ~/java/plantuml-server
$ mvn jetty:run -Djetty.port=9999

Preview plantUML

1. create a new file a.md

' a.md
@startuml
A->B: Hello
@enduml

2. ⌥d to prerview

Resources:

• https://dev.classmethod.jp/tool/plantuml-server-on-docker/
• https://qiita.com/Ping/items/64930e8c21fb95bec095

Nice work thanks! Is it worth adding a bash function to simplify the plantuml wakeup?I use the below:

function markdown () {
## Starts plantuml server
cur_dir=$PWD
cd ~/java/plantuml-server
nohup mvn jetty:run -Djetty.port=9999 &
cd $cur_dir
}