V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
liuguangxuan
V2EX  ›  程序员

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

  •  
  •   liuguangxuan · 211 天前 · 2218 次点击
    这是一个创建于 211 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    第 1 条附言  ·  210 天前
    感谢各位大佬推荐,2#和 4# 提到的 excalidraw 正符合我的需求。
    在 vs code 里面可以安装 excalidraw 插件,搭配使用更香~
    15 条回复    2024-04-29 17:04:43 +08:00
    zfyp
        1
    zfyp  
       211 天前   ❤️ 1
    可以用 Markdown 来画图
    huang86041
        2
    huang86041  
       211 天前   ❤️ 1
    画图软件很多的呀。临时记录的随手打开一个就行了。
    我记得语雀里面应该也有画图的。obsidian 里面也有 excalidraw 插件。 苹果还有无边记
    selca
        3
    selca  
       211 天前   ❤️ 1
    https://mermaid.js.org/
    这个绘图工具是用特定语法来画图,在 vscode 和 jetbrains 全家桶都有插件,GitHub 也支持
    lulinchuanllc
        4
    lulinchuanllc  
       211 天前   ❤️ 1
    BestEicky
        5
    BestEicky  
       211 天前
    直接百度脑图呗
    cleanery
        6
    cleanery  
       211 天前   ❤️ 1


    推荐这个插件, 可以把方法调用用时序图展示出来, 图里元素太多, 记得配置下排除的不必要画出来的工具类, 就可以了.
    vinci0713
        8
    vinci0713  
       211 天前   ❤️ 1
    InkStone
        9
    InkStone  
       211 天前
    上面有人提到的 mermaid 文本绘图,notion 和语雀都支持。
    ogli324
        10
    ogli324  
       211 天前   ❤️ 1
    目前就是用 vscode 直接标注函数名参数信息 调用时上下文关联信息 连续部分调用层级关系用 -->这些表示 这种是专注分析 简单记录最快的方式 搞什么其他画图工具 都是依赖这份草稿纸记录后的最终总结 不过一种思路可以把这些关系信息简单手写然后用 gpt 类工具生成处理成一些语法表达形式的流程图形式 这非常有用,也非常快速。
    wyman222
        11
    wyman222  
       210 天前
    有没有 ide 或者工具,能根据我提问的函数名字,找到它的调用逻辑和关系链
    yolee599
        12
    yolee599  
       210 天前 via Android
    @wyman222 #11 graphviz
    liuguangxuan
        13
    liuguangxuan  
    OP
       210 天前
    @huang86041 #2 麻烦请教一下老哥,excalidraw 如何搜索文本内容呢?
    我试了 excalidraw 网页版,vs code 的插件,均不能搜索。
    liuguangxuan
        14
    liuguangxuan  
    OP
       210 天前
    @lulinchuanllc #4 麻烦请教一下老哥,excalidraw 如何搜索文本内容呢?
    我试了 excalidraw 网页版,vs code 的插件,均不能搜索。
    lulinchuanllc
        15
    lulinchuanllc  
       209 天前   ❤️ 1
    @liuguangxuan #14 我也没看到官方有搜索功能,不过我找到了个插件,你可看下它怎么实现的 https://raw.githubusercontent.com/PandaNocturne/ExcalidrawScripts/master/PandaScripts/ExcalidrawGlobalSearch.md
    d
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   6018 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 02:15 · PVG 10:15 · LAX 18:15 · JFK 21:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.