mermaid-ascii 语法实战一行A B画出复杂依赖关系图【免费下载链接】mermaid-asciiRender Mermaid graphs inside your terminal项目地址: https://gitcode.com/GitHub_Trending/me/mermaid-asciimermaid-ascii 是一款在终端里渲染 mermaid 图表的开源命令行工具把graph流程图直接画成等宽字符图。它的杀手锏之一是语法一行A B -- C D就能声明一条复杂依赖关系省去大段重复箭头。本文通过 4 个由浅入深的实例带你快速掌握 mermaid-ascii 的 语法并附上常用布局参数清单5 分钟即可画出复杂的依赖关系图。3步快速安装终端图表渲染工具准备mermaid-ascii 用 Go 编写支持 Linux、macOS 与 Windows无需任何图形依赖。# 方式一获取 release 二进制包 $ wget mermaid-ascii_*.tar.gz $ tar xvzf mermaid-ascii_*.tar.gz $ ./mermaid-ascii --help # 方式二从源码构建 $ git clone https://gitcode.com/GitHub_Trending/me/mermaid-ascii $ cd mermaid-ascii $ go build $ ./mermaid-ascii --help项目也提供了 Nix 构建方式nix build和 Dockerfile容器党可以docker build后直接运行见 README.md。 语法是什么一条关系行的多节点粘合剂在 mermaid 流程图里可以把多个节点名粘在一起作用有三右侧多目标A -- B C一条线分出两个箭头左侧多来源A B -- C两条线汇入一个箭头只声明不连线A B先声明节点之后再引用解析入口在 pkg/graph/parse.go正则^(.) (.)$负责识别整行的 形式而带箭头的行则先由通用箭头模式把左右两侧拆开、再递归解析其中的 。所以可以和--、-.-虚线、粗线等所有箭头类型自由组合。实例一一行画出多个目标 A -- B C这是构建依赖关系图最高频的写法一个上游节点同时依赖多个下游。graph LR A -- B C渲染效果ampersand_lhs.txt┌───┐ ┌───┐ │ │ │ │ │ A ├────►│ B │ │ │ │ │ └─┬─┘ └───┘ │ │ ▼ ┌───┐ │ C │ └───┘B 和 C 与 A 同层并排箭头走线不会互相交叉这是 mermaid-ascii 的网格布线pathing机制自动完成的。实例二一行汇聚多个来源 A B -- C反过来多个上游共同指向一个下游类似扇入依赖graph LR A B -- C┌───┐ ┌───┐ │ │ │ │ │ A ├────►│ C │ │ │ │ │ └─┬─┘ │ │ │ └───┘ │ ▼ ┌───┐ │ B │ └───┘对应测试数据ampersand_rhs.txt。实例三左右同时展开 A B -- C D写在箭头两侧一行就是 4 条边这正是标题所说的一行画出复杂依赖关系图graph LR A B -- C D--- --- | | | | | A |---| C | | | | | | --- | --- | | ---- | | --- | --- | | | | | | B |---| D | | | | | | --- ---渲染时四条边被拆成上下两条走线通道|分支符号清晰标出分叉点见 ampersand_lhs_and_rhs.txt。进阶用 A B 声明节点而不连线没有箭头的纯 行可以批量占位声明节点之后任意行引用它们即可graph LR A B A -- C B -- C效果见 ampersand_without_edge.txt。这让脚本生成的 mermaid 文件结构更整齐先集中声明再集中连边。复杂依赖关系图的标签扇出箭头自动排布如果每条边都要加说明A --|标签| B多个扇出标签会自动排成一列、垂直对齐互不遮挡flowchart TB A --|alpha| B A --|beta| C A --|gamma| D--- | A | --- | ------------------ | | | alpha beta gamma | | | v v v --- --- --- | B | | C | | D | --- --- ---更多五路扇出、嵌套扇出的样例在 fanout_labels_tb.txt 与 fanout_labels_tb_nested.txt方向支持graph LR左右和graph TD上下两种布局。常用布局参数清单让图更好看参数作用示例-f, --file指定 mermaid 文件mermaid-ascii -f test.mermaid-x, --paddingX节点水平间距-x 8拉开列距-y, --paddingY节点垂直间距-y 8-p, --borderPadding节点内文字留白-p 3--ascii纯 ASCII 字符输出无方框线适合老终端--coords叠加显示网格坐标调试布线开发向web启动交互式网页渲染界面mermaid-ascii web --port 3001命令行参数定义在 cmd/root.go渲染管线位于 pkg/render/render.go。总结让 mermaid-ascii 一行顶多行多目标、多来源、批量声明三合一扇出标签自动对齐复杂依赖关系图也不会乱线配合-x / -y / -p微调留白--ascii兼容一切终端从 pkg/graph/testdata/ascii/ 目录可以拿到全套回归用例照着改一改就是你自己项目的依赖关系图。【免费下载链接】mermaid-asciiRender Mermaid graphs inside your terminal项目地址: https://gitcode.com/GitHub_Trending/me/mermaid-ascii创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
