Mermaid
:tropical_fish: Sublime Text 的 Mermaid 图表插件
详细信息
安装次数
- 总数 6K
- Win 2K
- Mac 3K
- Linux 882
| 2023年8月6日 | 2023年8月5日 | 2023年8月4日 | 2023年8月3日 | 2023年8月2日 | 2023年8月1日 | 2023年7月31日 | 2023年7月30日 | 2023年7月29日 | 2023年7月28日 | 2023年7月27日 | 2023年7月26日 | 2023年7月25日 | 2023年7月24日 | 2023年7月23日 | 2023年7月22日 | 2023年7月21日 | 2023年7月20日 | 2023年7月19日 | 2023年7月18日 | 2023年7月17日 | 2023年7月16日 | 2023年7月15日 | 2023年7月14日 | 2023年7月13日 | 2023年7月12日 | 2023年7月11日 | 2023年7月10日 | 2023年7月9日 | 2023年7月8日 | 2023年7月7日 | 2023年7月6日 | 2023年7月5日 | 2023年7月4日 | 2023年7月3日 | 2023年7月2日 | 2023年7月1日 | 2023年6月30日 | 2023年6月29日 | 2023年6月28日 | 2023年6月27日 | 2023年6月26日 | 2023年6月25日 | 2023年6月24日 | 2023年6月23日 | 2023年6月22日 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 1 | 3 | 0 | 1 | 3 | 1 | 0 | 0 | 0 | 0 | 1 | 3 | 2 | 3 | 0 | 1 | 3 | 1 | 3 | 3 | 2 | 0 | 2 | 0 | 1 | 2 | 3 | 2 | 2 | 1 | 0 | 0 | 2 | 2 | 3 | 1 | 2 | 0 | 0 | 0 | 0 | 4 | 4 | 3 | 0 | 0 |
| Mac | 2 | 3 | 0 | 0 | 0 | 0 | 2 | 3 | 6 | 3 | 0 | 2 | 0 | 2 | 1 | 3 | 0 | 1 | 3 | 2 | 1 | 0 | 1 | 2 | 1 | 2 | 1 | 1 | 4 | 3 | 0 | 2 | 2 | 3 | 1 | 1 | 2 | 1 | 0 | 2 | 2 | 1 | 0 | 1 | 1 | 0 |
| Linux | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 2 | 1 | 0 | 0 | 1 | 1 | 1 | 0 | 0 | 1 | 0 | 1 | 1 | 1 | 0 | 2 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 1 | 3 | 1 | 0 | 0 | 0 | 2 | 0 | 1 |
README
Mermaid (for Sublime)
:tropical_fish: Sublime Text 的 Mermaid 图表插件。
从 Package Control 安装 Mermaid。
如果尚未安装，请安装 Mermaid CLI 并确保其在您的 PATH 变量中。
错误：不支持语言 "mermaid"}
graph TB %% tab completion: 'graph'
ID-1[Node 1] %% tab completion: 'node'
ID-2>Node 2]
ID-3(Node 3)
ID-1---ID-2 %% tab completion: 'link'
ID-1 --> ID-3
ID-2--Link between 2 and 3---ID-3
ID-3-->|Action from 3 to 1|ID-1
ID-3 -- "Action from 3 to 2. p/w: '_-!#$%^&*+=?,\'" --> ID-2
%% tab completion: 'class'
classDef blue fill:#08f,stroke:#008
class ID-1 blue
%% tab completion: 'click'
click ID-1 "https://github.com" "Tooltip text"
click ID-2 alert "Tooltip for a callback"
subgraph A subgraph
ID-4{Node 4}
ID-5((fa:fa-spinner))
ID-6["Node 6 (same #quot;shape#quot;)"]
ID-4-.->ID-5
ID-5 -. Action from 5 to 4 .-> ID-4
ID-5==>ID-6
ID-6 == Action from 6 to 5 ==> ID-5
end %% tab completion: 'subgraph'
- x[] 支持
错误：不支持语言 "mermaid"}
sequenceDiagram %% tab completion: 'diagram'
%% tab completion: 'participant'
participant A as Alice
participant B as Bob
participant C as Carol
%% tab completion: 'note'
Note left of A: Alice likes to chat
%% tab completion: 'msg'
A->B: Hello Bob, how are you?
loop Healthcheck
B->B: Bob checks himself...
end %% tab completion: 'loop'
Note over B: Bob whispers when sick
alt is sick
B-->A: Not so good :(
else is well
B->A: Feeling fresh like a daisy
end %% tab completion: 'alt'
opt Extra response
B->A: You, Alice?
end %% tab completion: 'opt'
Note right of C: Carol is the boss
C->>A: Get back to work!
loop Every hour
A->>B: Request 1
%% tab completion: 'activate'
activate B
A-x+B: Request 2
B--x-A: Response 2
B-->>A: Response 1
deactivate B
end
开发
# Remove package.
$ my_project_path=~/Projects/sublime-mermaid
$ my_packages_path=~/Library/Application\ Support/Sublime\ Text\ 3/Packages
$ ln -s "$my_project_path" "$my_packages_path/Mermaid"
$ cp "$my_project_path/tests/syntax_test_mermaid.mermaid" "$my_packages_path/Default"
# Develop...
$ rm "$my_packages_path/Default/syntax_test_mermaid.mermaid"
$ rm "$my_packages_path/Mermaid"
# Install package.