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