有时候调试代码，碰到执行流程比较复杂的，就想记录一下关键的函数、执行流程等，便于梳理出来代码执行的逻辑，模块之间的调用关系，方便 debug 。
刚开始是在 A4 纸上，将关键的函数、代码位置写下来，执行的流程、模块调用关系画个箭头->指过去。缺点是纸上没办法 Ctrl+F 搜索关键字，另外纸有边界，很容易把纸写到边上了，但是代码逻辑还没梳理完。
然后开始用 vs code ，虽然 vs code 对代码很友好，但是没办法用箭头->指来指去，表示各个模块之间的调用关系。
可能 PPT 或者 Visio 能达到效果，但是感觉他俩太过复杂、笨重，会把精力放在不必要的排版上。
所以想寻求一款能在调试代码时，方便记录代码执行流程、模块调用关系的笔记工具。
第 1 条附言 · 13 天前
感谢各位大佬推荐，2#和 4# 提到的 excalidraw 正符合我的需求。
在 vs code 里面可以安装 excalidraw 插件，搭配使用更香~
在 vs code 里面可以安装 excalidraw 插件，搭配使用更香~
15 条回复 • 2024-04-29 17:04:43 +08:00
 |
1
zfyp 13 天前  1
可以用 Markdown 来画图
|
 |
2
huang86041 13 天前 1
画图软件很多的呀。临时记录的随手打开一个就行了。
我记得语雀里面应该也有画图的。obsidian 里面也有 excalidraw 插件。 苹果还有无边记 |
 |
3
selca 13 天前 1
https://mermaid.js.org/
这个绘图工具是用特定语法来画图，在 vscode 和 jetbrains 全家桶都有插件，GitHub 也支持 |
 |
4
lulinchuanllc 13 天前 1
|
 |
5
BestEicky 13 天前
直接百度脑图呗
|
 |
6
cleanery 13 天前 1
 推荐这个插件, 可以把方法调用用时序图展示出来, 图里元素太多, 记得配置下排除的不必要画出来的工具类, 就可以了.  |
 |
8
vinci0713 13 天前 1
|
 |
9
InkStone 13 天前
上面有人提到的 mermaid 文本绘图，notion 和语雀都支持。
|
 |
10
ogli324 13 天前 1
目前就是用 vscode 直接标注函数名参数信息 调用时上下文关联信息 连续部分调用层级关系用 -->这些表示 这种是专注分析 简单记录最快的方式 搞什么其他画图工具 都是依赖这份草稿纸记录后的最终总结 不过一种思路可以把这些关系信息简单手写然后用 gpt 类工具生成处理成一些语法表达形式的流程图形式 这非常有用，也非常快速。
|
 |
11
wyman222 13 天前
有没有 ide 或者工具，能根据我提问的函数名字，找到它的调用逻辑和关系链
|
 |
13
liuguangxuan OP @huang86041 #2 麻烦请教一下老哥，excalidraw 如何搜索文本内容呢？
我试了 excalidraw 网页版，vs code 的插件，均不能搜索。 |
|
14
liuguangxuan OP @lulinchuanllc #4 麻烦请教一下老哥，excalidraw 如何搜索文本内容呢？
我试了 excalidraw 网页版，vs code 的插件，均不能搜索。 |
|
15
lulinchuanllc 11 天前 1
@liuguangxuan #14 我也没看到官方有搜索功能，不过我找到了个插件，你可看下它怎么实现的 https://raw.githubusercontent.com/PandaNocturne/ExcalidrawScripts/master/PandaScripts/ExcalidrawGlobalSearch.md
d |
Select Language