用VScode绘制函数调用流程图

原创 已于 2022-05-28 09:07:41 修改 · 2.7w 阅读 · 16
标签
#vscode #流程图 #c++
于 2022-05-28 08:56:15 首次发布
本文介绍如何使用VScode通过简单的文本编辑方式快速绘制C++函数间的调用流程图，适用于软件开发人员理解复杂的类间调用关系。

    在C++编程中有时候需要画出多个class类之间的调用关系，可以使用Visio画UML类图来实现，也可以使用VScode的函数头+箭头来实现。这里介绍使用VScode里的函数头+箭头来绘制调用流程图。

1 安装VScode

    地址： https://code.visualstudio.com/download

2 安装Theme皮肤

    在VScode里安装Theme皮肤插件，如图(1)所示：

图(1) 安装Theme皮肤

3 绘制函数调用关系

3.1 cpp函数调用关系

    每个函数头占一行，↓ 下箭头占2行，按顺序依次列出对应的函数即可。
//callList.cpp

// 1、添加设备
CDeviceListDlg::OnClickAddDevice()
最低0.47元/天 解锁文章
自动生成函数调用关系图
09-06
自动生成c++函数调用关系图，里面包含了所有要用到的软件，一站式服务； 通过本人亲测的使用总结； 还有使用到的配置文件（c++的），实在不会配置可以直接使用； 改一改配置文件，应该还可以生成c,java,c#语言的调用关系图，本人亲测的是c++ 老师再也不用担心我的调用关系图了。 ^v^ ^o^ ^v^
VScode 插件总结
09-06
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器.本文为常用插件说明
用CodeViz绘制函数调用关系图(call graph)
陈硕的Blog
09-22 3万+
CodeViz是《Understanding The Linux Virtual Memory Manager》(at Amazon，下载地址在页尾)的作者 Mel Gorman 写的一款分析C/C++源代码中函数调用关系的open source工具（类似的open source软件有 egypt、ncc）。其基本原理是给 GCC 打个补丁，让它在编译时每个源文件时 dump 出其中函数的 cal
10分钟精通：如何在VSCode中实现专业级图表实时预览？
最新发布
gitblog_00953的博客
05-20 176
在技术文档编写、系统架构设计或项目管理过程中，图表可视化是不可或缺的工具。传统的图表创建流程往往需要在代码编辑器与预览工具之间频繁切换，这种上下文切换不仅降低工作效率，还容易打断创作思路。Mermaid Preview作为Mermaid.js官方团队维护的VSCode扩展，为开发者和技术作者提供了真正的一站式图表编辑体验，将代码编写与可视化预览无缝集成在同一个开发环境中。 ## 技术文档图表插件
c语言调用graphviz_doxygen+graphviz轻松绘制函数调用图（call graph）
weixin_39861627的博客
12-21 1407
前言之前的工作环境习惯了使用source insight查看函数分析代码，切换到mac下后改用vscode，发现缺少函数调用关系图生成。跨平台的understand可以很好的解决，但是公司没有购买，因此需要寻找一个免费、跨平台的替代工具。doxygen + graphviz是不错的选择。1 介绍支持Linux、Windows、Mac OS X系统(本文将以Windows版本为例)。支持C语言在内的...
关于VSCODE的插件 一
Viccj的专栏
06-24 7931
官方API文档官方教程强类型和弱类型主要是站在变量类型处理的角度进行分类的。这些概念未经过严格定义，它们并不是属于语言本身固有的属性，而是编译器或解释器的行为。主要用以描述编程语言对于混入不同数据类型的值进行运算时的处理方式。强类型语言是指无论在编译阶段还是运行阶段，一旦变量绑定某种类型后，此变量会持有该类型，并且不能与其他类型表达式进行混合运算。弱类型则相反。声明类 ：class 继承：extends 修饰符： public private protected readonly(只读属性必须在声明时或构造
VSCode技术揭秘（一）
10-27 1万+
前言 Visual Studio Code（以下简称VSCode）是一个轻量且强大的跨平台开源代码编辑器（IDE），VSCode 采用了 Electron，使用的代码编辑器名为 Monaco、Monaco 也是 Visual Studio Team Service（Visual Studio Online）使用的代码编辑器，在语言上，VSCode 使用了自家的 TypeScript 语言开发。 V...
vscode常用看代码的功能
锅锅的博客
11-10 4万+
1、跳转到函数定义 右键点击函数名—转到函数定义 2、跳转到函数被调用的地方（经常用于跟踪） 右键点击函数名—转到函数引用 3、搜索带关键字的函数 ctrl+shift+o 输入关键字
拒绝Visio！用VSCode+Markdown画函数流程图竟能这么高效（附赠箭头符号大全）
kiwi8的博客
03-03 269
本文介绍了一种高效绘制函数调用流程图的方法，即利用VSCode编辑器结合Markdown语法和Unicode符号，替代传统绘图工具。该方法支持版本控制、无缝集成于代码文档，并大幅提升可维护性与协作效率。文中还提供了实用的箭头符号大全和VSCode插件使用技巧。
vscode配置drawio绘制流程图
m0_62919535的博客
02-26 2万+
最近课程设计需要画流程框图，所以在网上找找绘制流程图的软件。然后我选择了这个drawio，无他，只是因为用vscode插件就能使用。。本篇主要是介绍一下用vscode插件来使用drawio，并且做一些基础操作的教程，满足大多数人的需求。希望你能有所收获，据说其他人用的是WPS，不知道效果怎么样，vscode配置是很简单的一种方式，当然你觉得lazy，网页版是最好的选择。
vscode绘制流程图（画流程图，vscode流程图）（draw.io插件）vscode插件
Dontla的博客
04-13 5511
新建.drawio文件，用vscode打开就能画了。
Mermaid流程图
江月的博客
01-18 6249
Mermaid是一个基于JavaScript的绘图工具，使用类似于Markdown的语法，允许用户通过代码创建各种图表，包括流程图、状态图、时序图和甘特图等。它可以将代码块转化为HTML代码，并支持多种图表的方向。Mermaid极大地简化了复杂图的绘制和维护，对于熟悉Markdown语法的用户来说，可以快速上手。Mermaid 是一个用于生成流程图的 JavaScript 库，使用 Markdown 语法进行描述。通过 Mermaid，用户可以在文本编辑器中编写流程图代码，然后将其渲染为可视化的流程图。
【工具】VScode 使用笔记|查看调用关系
我的笔记本
06-15 4454
怎么看C语言的工程? 作者：co lin 链接：https://www.zhihu.com/question/364226888/answer/962586461 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 安装完VSCode以后，切换到插件面板： 然后搜索 C/C++，安装这个插件： 然后直接打开C/C++文件夹就行了。 函数跳转，预览声明，自动补全，这些都支持，和专业的IDE已经差不了多少了。 ...
Visual Studio Code (VSCode) 有许多插件可以帮助你分析源代码函数的调用关系
weixin_42495661的博客
07-20 3万+
Visual Studio Code (VSCode) 有许多插件可以帮助你分析源代码函数的调用关系，以下是一些推荐的插件：Code Navigation:CodeLens: VSCode 内置功能，可以显示函数或方法的引用数。Peek Definition: 右键点击函数名可以使用“Peek Definition”功能查...
VS Code 可视化查看 C 调用链插件 C Relation
Rverdoser的博客
01-10 2882
在这个例子中，你可以右键点击 func_a 函数，然后选择 "C Relation: Show Call Graph" 来查看 func_a 和 func_b 之间的调用关系。C Relation是一个可以在Visual Studio Code (VS Code)中用来可视化查看C语言源代码。6. 在源代码中右键点击一个函数，选择"C Relation: Show Call Graph"选项。注意: C Relation插件可能不适用于所有的C项目，它依赖于特定的编译指令和源代码结。中函数调用关系的插件。
vscode查找函数调用
嵌入式开发工程师, 教育品类产品开发
11-26 1万+
需求方法适用场景快速搜索全局搜索 (小型项目精确查找调用(C/C++ 扩展)中小型项目大型项目索引大型项目深度分析clangd 或 Doxygen大型复杂项目根据项目规模选择合适的工具即可轻松完成函数调用列表的查询。
go-callvis：Go调用关系图（call graph）
笔记
05-14 3724
go-callvis：Go调用关系图（call graph） 一、简介 用过SourceInsight、understand等软件的同学一定知道call graph的功能，转go开发后我用的是vscode和goland，一直在寻找调用关系图的功能。本文介绍的是go-callvis的使用。官网：https://github.com/ofabry/go-callvis 功能说明： 支持Go模块！ 重点关注程序中的特定程序包 单击程序包以使用交互式查看器快速切换焦点 功能分组：按包和（或）方法类型
VS工具使用——代码生成函数关系图
热门推荐
软件工程探索之旅
03-14 5万+
关系依赖图更接近我们画的包图，它是自动生成的框架，方便我们对整个程序中的函数的依赖关系和层于层之间的理解。
开启VScode的函数树面板 - 列出类class、方法function等快速跳转 - vscode启用导航路径
Rudon滨海渔村的博客
06-07 4618
效果图 开启方法 1.开启“导航路径” 2.开启“导航路径”的字母排序 往下滚动，找到"Symbol Sort Order"，设置为name即可 类似netbeans的navigator vscode
VS Code 使用小技巧
mrzhangdulin的博客
03-19 1万+
首发于代码小白的日常写文章登相关文档官方文档（英文版）：Documentation for Visual Studio Code中文文档（未完成）：GitHub - jeasonstudio/CN-VScode-Docs: VScode说明文档翻译这里提一句，，上面的中文文档是我早期建的一个仓库，希望大家一起来为 VSCode 的中文社区的发展做出贡献，欢迎 fork & star下载Do...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sanqima

一键三连，多多益善

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值