vscode中plantuml的使用
在平時寫文檔中需要進行畫圖，hsing給我推薦了一個高效又簡潔的工具--Plantuml。詳細可參考文檔http://plantuml.com/zh/
平時工作中使用的是vscode，所以在這里只介紹vscode中Plantuml的使用。
1.在vscode的擴展商城中輸入Plantuml， 點擊進行安裝。
屏幕快照 2019-06-13 上午11.17.51.png
2.在Plantuml中我們使用偽編程語言來生成圖表。代碼的文件的擴展名可以如一下：*.wsd, *.pu, *.puml, *.plantuml, *.iuml
時序圖
@startuml
scale 3
Amber -> Hsing : test
@enduml
按Alt+D或者Option+D可預覽生成的圖表
注意如果你的電腦上沒有安裝java需要進行安裝
屏幕快照 2019-06-13 上午11.23.48.png
屏幕快照 2019-06-13 下午12.14.59.png
可以使用 -->繪制虛線
@startuml
a -> b : To request
b --> a : To response
@enduml
屏幕快照 2019-06-14 下午3.45.05.png
3.聲明參與者
關鍵字participant可以用于改變參與者的先后順序。
角色分為：actor boundary control entity database
@startuml
actor Foo1
boundary Foo2
control Foo3
entity Foo4
database Foo5
collection Foo6
Foo1 -> Foo2 : To boundary
Foo1 -> Foo3 : To control
Foo1 -> Foo4 : To entity
Foo1 -> Foo5 : To database
Foo1 -> Foo6 : To collection
@enduml
屏幕快照 2019-06-13 下午12.30.45.png
使用關鍵字order自定義順序打印參與者
@startuml
participant Last order 30
participant Middle order 20
participant First order 10
@enduml
屏幕快照 2019-06-14 下午4.00.43.png
4.修改箭頭的樣式
箭頭樣式有以下幾種
-表示一條丟失的消息：末尾加x
-讓箭頭只有上半部分或者下半部分：將<和>替換成\或者/
-細箭頭：將箭頭標記寫成兩次（如>> 或 //）
-虛線箭頭： 用--替代 -
-箭頭末尾加圈：->o
-雙向箭頭： <->
@startuml
hsing -> amber
hsing ->> amber
hsing <-> amber
hsing ->o amber
hsing --> amber
hsing -/ amber
hsing -\ amber
hsing -// amber
hsing -\\ amber
hsing //-- amber
hsing ->x amber
@enduml
屏幕快照 2019-06-14 下午4.29.41.png
5.修改箭頭的顏色
使用記號修改箭頭顏色
@startuml
hsing -[#red]> amber
amber -[#pink]-> hsing
hsing -[#blue]// amber
@enduml
屏幕快照 2019-06-14 下午4.33.44.png
