VSCode의 Markdown Preview Enhanced에서 PlantUML이 그려지지 않음

소개



항상 직장에서 문서를 쓸 때 VSCode + Markdown Preview Enhanced (MPE)를 사용하고 있습니다.
MPE는 코드 블록으로 puml를 지정하면 Markdown 파일상에서 직접 PlantUML의 작도를 할 수 있는 뛰어난 것이지만, 최근 도입한 워크스테이션에서 언제나처럼 쓰면 그려지지 않는 문제가 발생했다.
해결했지만, 또 잊었을 무렵에 셋업할 때에는 그럴 것 같으므로, 비망록을 남겨 둔다.

어리석은 원인



단순히 planuml.jar 에의 패스가 다니지 않았을 것이라고 생각하고 확인하면, 패스는 다니고 있었다. 그래, 흠뻑 빠지면서 PC 내부를 만났다면 원래 java가 들어 가지 않았다 ...
자바로 개발하는 것이 좀처럼 없기 때문에 눈치채지 못했지만, 어떠한 어플리에 부수로 들어가 있다고 생각하고 있었다… 아무것도 확인은 중요하네요.
java를 설치하고 나서 다시 시도하면 무사히 액티비티 다이어그램이 그려졌다.

``puml
@startuml
시작
:hoge;
stop
@enduml
``



아직 좋지 않았다.



위의 문제로 PlantUML 주위는 해결했다고 생각했지만, 다른 문서를 쓸 때 클래스 다이어그램을 쓰려고 하면 다시 표시되지 않았다.

``puml
@startuml
class hoge
@enduml
``


실행 파일을 찾을 수 없습니다. 우선 메시지대로 testdot 를 넣어 보았다.
GRAPHVIZ_DOT라는 환경 변수에 실행 파일의 경로를 설정해야하는 것 같습니다.
확실히, 전에 다른 PC 설치할 때 Graphviz 넣은 기억이 있었다…
솔직하게 Graphviz를 인스톨러로 넣고 있으면, 마음대로 환경 변수도 설정되는 것이겠지만, 직장의 룰로 인스톨러 사용해 넣는데 일일이 신청이 있는 것이 귀찮고, zip판으로 넣고 있었던 것 을 기억했다.GRAPHVIZ_DOT 라는 이름으로, dot.exe 에의 패스를 넣으면 무사히 그려졌다.


보충



덧붙여서, dot.exe 에의 패스는, 직접 dot.exe 에의 파일 패스를 설정할 필요가 있다. 일단 평상시의 경로 추가의 간격으로, dot.exe 가 있는 bin 디렉토리의 패스를 설정하면 튕겨졌다. 잘 생각하면, 전용의 환경 변수이기 때문에 당연했다…

참고


  • Graphviz 다운로드 링크

  • PlantUML 다운로드 링크
  • 좋은 웹페이지 즐겨찾기