用VScode绘制函数调用流程图

在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(){} |↓
CDeviceListDlg::OnAddDevice(const DevInfoNode * pNode)  |↓
CDataSet::Add(int bSameID, int bRedraw) |↓
CMsgPublisher::SendMessage(unsigned int message, unsigned __int64 wParam, __int64 lParam) |↓
CMainDlg::OnAddDevServer(unsigned __int64 wParam, __int64 lParam) |↓
CDeviceManager::AddDevice(CDevice * Dev)

如图(2) 所示：

图(2) 用函数头+箭头，绘制调用关系

将callList.cpp 改名为 callList.R，去掉多余的波浪线，注释由双斜杠 // 改为井号 # (即 // → #)，如图(3)所示：

图(3) 将.cpp 改为.R

用VScode绘制函数调用流程图相关推荐

PHP网站工作流程图,在网站绘制工作流程图的教程分享（打工人必看）
原标题:在网站绘制工作流程图的教程分享(打工人必看) 每一行.每一业都不是那么简单就能做顺手的,特别是要面对各种人际琐事的人事职员,要是不会一两招实用的办公技巧的话,可能很快便会被淘汰了.其中,学会绘 ...
绘制业务流程图：流程图绘制工具
文章描述:什么是流程图?流程图和其他图表(如线框图,概念图,架构图,用例图)有什么不同? 图1:用即时贴与白板做的简单流程图转载请注明来处,关注我请点击:http://weibo.com/heidi ...
大话业务流程图（二）—如何绘制业务流程图？
上一篇文章(大话业务流程图(一)--什么是业务流程图)介绍了业务流程图的基本概念,本篇重点聊聊如何绘制一份完整的业务流程图. 还是先来看一个例子: 小李是某SaaS公司的产品助理,拜师在经验丰富的老王 ...
如何绘制业务流程图？
绘制业务流程图是产品经理必备掌握的技能之一,尤其是对 B 端产品经理来说,要分析好需求写好一篇完整的 PRD 文档,首先就是绘制正确的业务流程图. 什么是业务流程图在开始讲业务流程图之前,我们需要先 ...
【Android 11】【WiFi模块】WiFi打开函数调用流程图
[Android 11][WiFi模块]WiFi打开函数调用流程图 [免费]高清PDF: ①CSDN 文档下载链接 ②百度网盘链接:https://pan.baidu.com/s/16oaTMFI5 ...
如何绘制业务流程图(一)
本文会包含几块内容: 1. 什么是流程图?流程图和其他图表(如线框图,概念图,架构图,用例图)有什么不同? 2. 为什么需要流程图? 3. 流程图的分类? 4. 如何绘制流程图? 5. 流程图绘制工具 ...
C# WinForm 工作流设计工作流程图拖拽设计 +GDI 绘制工作流程图
C# WinForm 工作流设计工作流程图拖拽设计 +GDI 绘制工作流程图大概功能说明一下: 1.支持拖动绘制工作节点 2.支持移动每个节点的移动 3.支持直线连接节点 4.支持节点移动连接线自 ...
你可能学了假流程图，三步教会你绘制大厂流程图(第一篇)
流程图有没有限定的标准?正确规则的流程图有什么规范?本文将从三个方面来作出解答:流程图的意义.流程图如何绘制.常见的流程图问题. 作为一个产品经理,画流程图是必备的技能.如制定订单处理的流程,制定商品 ...
activiti6.0入门（三）-使用Eclipse绘制activiti流程图
通过前面的学习,相信对activiti都有了个初步认识及大概了解,在之前绘制流程图时,是通过activiti服务链接来完成流程图的绘制,接下来我们不依赖服务来完成流程图绘制,IDE工具idea和ecl ...