Atom에서 PlantUML 사용

3010 단어 MacplantumlATOM
ATOM에서 라이브 미리보기하면서 PlantUML을 사용할 수 있도록 해 보았습니다.

환경


  • macOS High Sierra 10.13.6
  • ATOM 1.31.2

  • 아톰



    Atom 설치



    ATOM 공식 사이트 에서 ZIP 파일을 다운로드합니다.
    다운로드한 ZIP 파일의 압축을 풀고 Atom.app/Applications 아래에 놓으십시오.

    Atom 설정



    다음 두 개의 플러그인을 설치합니다.
  • plantuml-viewer
  • language-plantuml

  • Graphviz



    시퀀스 다이어그램 이외의 다이어그램을 그리려면 렌더링 라이브러리인 Graphviz를 설치해야 합니다.
    Homebrew에서 Graphviz를 설치합니다.

    설치 절차


    $ brew install graphviz
    Updating Homebrew...
    
    ==> Installing dependencies for graphviz: libpng, freetype, fontconfig, jpeg, libtiff, webp and gd
    ==> Installing graphviz dependency: libpng
    ==> Downloading https://homebrew.bintray.com/bottles/libpng-1.6.35.high_sierra.bottle.tar.gz
    ######################################################################## 100.0%
    ...(中略)...
    🍺  /usr/local/Cellar/gd/2.2.5: 35 files, 1.1MB
    ==> Installing graphviz
    ==> Downloading https://homebrew.bintray.com/bottles/graphviz-2.40.1.high_sierra.bottle.1.tar.gz
    ######################################################################## 100.0%
    ==> Pouring graphviz-2.40.1.high_sierra.bottle.1.tar.gz
    🍺  /usr/local/Cellar/graphviz/2.40.1: 500 files, 11.2MB
    

    설치 확인


    $ dot -V
    dot - graphviz version 2.40.1 (20161225.0304)
    

    자바



    PlanuUML은 Java에서 실행되므로 Java 런타임 설치가 필요합니다.

    설치 절차



  • Java SE Development Kit 8 Download 사이트 에 접속한다.
  • Accept License Agreement 에 체크.
  • jdk-8u191-macosx-x64.dmg를 다운로드합니다.
  • 지침에 따라 Java를 설치합니다.

  • 설치 확인


      $ java -version
      java version "1.8.0_191"
      Java(TM) SE Runtime Environment (build 1.8.0_191-b12)
      Java HotSpot(TM) 64-Bit Server VM (build 25.191-b12, mixed mode)
    

    PlantUML Viewer 시작


    Command + Option + P 를 눌러 뷰어에 그리면 OK.

    샘플



    sample.pu
    @startuml
    :Main Admin: as Admin
    (Use the application) as (Use)
    
    User -> (Start)
    User --> (Use)
    
    Admin ---> (Use)
    
    note right of Admin : This is an example.
    
    note right of (Use)
      A note can also
      be on several lines
    end note
    
    note "This note is connected\nto several objects." as N2
    (Start) .. N2
    N2 .. (Use)
    @enduml
    

    cf.) ht tp // p 펑츠 ml. 코 m / 우세 카세 ぢ 아 g m

    실행 결과



    좋은 웹페이지 즐겨찾기