< 返回版块

chanhx 发表于 2023-05-19 10:52

Tags:LSP,WebAssembly,WASM,callgraph,vscode

特点

  • 基于 LSP (Language Server Protocol),支持多语言。只要提供支持 call hierarchy 的 LSP server,crabviz 即可生成 call graph
  • 除了函数调用关系外,crabviz 还会画出接口的实现关系,便于了解项目的设计
  • 支持高亮,可以在比较复杂的图中看清调用和实现关系

使用

你可以在 VS Code 的插件市场搜索 Crabviz 并安装,安装之后

  1. 调出命令面板( Windows、Linux 按 Ctrl+Shift+P,macOS 按 Cmd+Shift+P
  2. 输入 "Crabviz",选择 "Crabviz: Generate Call Graph"
  3. Crabviz 会检测项目中的语言,如果检测到有多种语言的话,会让你选择其中一种进行分析
  4. 这时应该会看到下方出现 "Crabviz: Generating call graph" 的提示,等待完成后可在新页面看到结果

补充

当前在 VS Code 上发布的是预览版,只支持对整个项目分析,中大型项目(暂不建议)的分析会比较慢、图比较乱,以后在正式版中会提供局部分析和文件夹折叠的功能。

如果图里没有画出调用关系,请检查对应的语言插件是否支持查看 call hierarchy。

插件有待完善,如果大家在使用时遇到问题,可到 GitHub 发 issue。

项目地址

GitHub: https://github.com/chanhx/crabviz

preview

评论区

写评论

还没有评论

1 共 0 条评论, 1 页