Mac에서 VSCode + PlantUML 준비

2962 단어 MacOSXVSCodeplantuml

개요



Mac에서 PlantUML을 작성할 수있는 환경을 준비하고 싶을 때가 있으므로 절차를 기록해 둡니다.

전제


  • Mac 버전은 Mojave Ver10.14.6
  • Homebrew 버전은 2.2.6
  • VSCode 버전은 1.42.0
  • Homebrew와 VSCode는 이미 설치되어 있다고 가정합니다.

    도입 절차



    PlantUML 도입



    공식 문서

    사용자 환경에 Java를 설치하십시오. 시퀀스 다이어그램과 액티비티 다이어그램 이외의 다이어그램을 사용하려면 Graphviz software도 설치하십시오.

    그리고 글을 쓰고, 나는 클래스 다이어그램을 작성하기 때문에 Graphviz도 설치합니다.

    Mac이므로 brew를 사용하여 설치합니다.

    console
    # graphvizとplantumlをインストール
    brew install graphviz
    brew install plantuml
    

    VSCode에 PlantUML 플러그인 도입



    VSCode 왼쪽 소매의 Extensions 탭에서 plantuml를 검색합니다.



    그러면 이미지 플러그인이 표시되므로 설치합니다.

    동작 확인



    이제 동작을 확인합니다.
    VSCode에서 새 파일(확장자는 .pu)을 만들고 다음 클래스 다이어그램을 붙여넣습니다.
    @startuml
    package Logger {
        class Logger {
            void __construct(Driver driver)
            string log(string comment)
        }
        class Driver {
            string output()
        }
    }
    
    Logger ..> Driver
    @enduml
    

    미리보기



    붙여넣으면 option+d 를 눌러 UML 다이어그램을 그립니다.



    이런 미리보기가 나오면 성공입니다.

    이미지 생성



    미리보기 이미지를 다운로드할 수도 있습니다.
    관계 각처에 공유에 편리합니다.
    command+shift+p 에서 VSCode 명령 모드로 이동합니다.

    입력 화면에 plantuml를 입력하면 일부 사제스트되므로PlantUML: Export current diagram를 선택하십시오.



    그러면 파일 형식 목록이 나오므로 선택하십시오.
    선택 후 잠시 후 아래 알림이 나오므로 다운로드 폴더를 찾아보세요.



    UML 다이어그램의 이미지가 완성되어 있어야합니다.

    참고



  • PlantUML 문서
  • PlantUML 자체의 기법이나 사용법은 상기 페이지를 확인해 주세요. (가장 정확하기 때문에!)


  • PlantUML을 Mac OS X에서 사용
  • 평소 매우 빚을지고 있습니다. 이번에는 자신의 필요한 부분만 잘라서 가필했습니다.

  • 좋은 웹페이지 즐겨찾기