2020년 5월 24일 일요일

vscode 에서 PlantUML 사용

Host: ubuntu 18.04

* java 와 grphviz 패키지 설치
$ sudo apt install default-jre graphviz

* vscode 다운로드
https://code.visualstudio.com/docs/?dv=linux64_deb

* vscode 설치
$ sudo apt install ~/다운로드/code_1.45.1-1589445302_amd64.deb

* vscode 실행
$ code

* PlantUML 플러그인 설치
vscode 의 왼쪽바에서 Extensions > 검색창에서 plantuml 입력 > PlantUML 2.13.11 선택(install)

* 다이어그램 표시
https://plantuml.com/ko/ 를 참고로 uml 을 작성
Alt + D로 Preview창 열기 (한 번 열면 입력할 때마다 자동으로 갱신)
또는
View > Command Palette... (Ctrl+Shift+P)
PlantUML: Preview Current Diagram  입력 및 선택

* 다이어그램 저장
View > Command Palette... (Ctrl+Shift+P)
PlantUML: Export Current File Diagram 입력 및 선택
png 확장자 선택  (그림 파일 이외의 확장자는 패키지 추가 설치가 필요한 것으로 보임)
Succeeded exporting diaram(s) 알림창의 View Report 를 선택하면 저장된 경로 표시