求推荐一款调试代码时,可以方便记录代码执行流程、模块调用关系的笔记工具。

25 天前
 liuguangxuan

有时候调试代码,碰到执行流程比较复杂的,就想记录一下关键的函数、执行流程等,便于梳理出来代码执行的逻辑,模块之间的调用关系,方便 debug 。

刚开始是在 A4 纸上,将关键的函数、代码位置写下来,执行的流程、模块调用关系画个箭头->指过去。缺点是纸上没办法 Ctrl+F 搜索关键字,另外纸有边界,很容易把纸写到边上了,但是代码逻辑还没梳理完。

然后开始用 vs code ,虽然 vs code 对代码很友好,但是没办法用箭头->指来指去,表示各个模块之间的调用关系。

可能 PPT 或者 Visio 能达到效果,但是感觉他俩太过复杂、笨重,会把精力放在不必要的排版上。

所以想寻求一款能在调试代码时,方便记录代码执行流程、模块调用关系的笔记工具。

1712 次点击
所在节点    程序员
15 条回复
zfyp
25 天前
可以用 Markdown 来画图
huang86041
25 天前
画图软件很多的呀。临时记录的随手打开一个就行了。
我记得语雀里面应该也有画图的。obsidian 里面也有 excalidraw 插件。 苹果还有无边记
selca
25 天前
https://mermaid.js.org/
这个绘图工具是用特定语法来画图,在 vscode 和 jetbrains 全家桶都有插件,GitHub 也支持
lulinchuanllc
25 天前
BestEicky
25 天前
直接百度脑图呗
cleanery
25 天前


推荐这个插件, 可以把方法调用用时序图展示出来, 图里元素太多, 记得配置下排除的不必要画出来的工具类, 就可以了.
walle1530
25 天前
vinci0713
25 天前
InkStone
25 天前
上面有人提到的 mermaid 文本绘图,notion 和语雀都支持。
ogli324
25 天前
目前就是用 vscode 直接标注函数名参数信息 调用时上下文关联信息 连续部分调用层级关系用 -->这些表示 这种是专注分析 简单记录最快的方式 搞什么其他画图工具 都是依赖这份草稿纸记录后的最终总结 不过一种思路可以把这些关系信息简单手写然后用 gpt 类工具生成处理成一些语法表达形式的流程图形式 这非常有用,也非常快速。
wyman222
25 天前
有没有 ide 或者工具,能根据我提问的函数名字,找到它的调用逻辑和关系链
yolee599
25 天前
@wyman222 #11 graphviz
liuguangxuan
24 天前
@huang86041 #2 麻烦请教一下老哥,excalidraw 如何搜索文本内容呢?
我试了 excalidraw 网页版,vs code 的插件,均不能搜索。
liuguangxuan
24 天前
@lulinchuanllc #4 麻烦请教一下老哥,excalidraw 如何搜索文本内容呢?
我试了 excalidraw 网页版,vs code 的插件,均不能搜索。
lulinchuanllc
23 天前
@liuguangxuan #14 我也没看到官方有搜索功能,不过我找到了个插件,你可看下它怎么实现的 https://raw.githubusercontent.com/PandaNocturne/ExcalidrawScripts/master/PandaScripts/ExcalidrawGlobalSearch.md
d

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1036251

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX