VS Code 配置 C/C++ 编程运行环境

![图片]

当所有的包都安装好后，直接关闭终端。

![图片]

打开安装 MSYS2 的目录，先找到 ucrt64 文件夹并进入，再找到 bin 文件夹并进入，然后在地址栏中，复制路径。

如果一开始用默认路径，那路径就是 C:\msys64\ucrt64\bin。

![图片]

然后在搜索框中输入 编辑系统环境变量，并打开编辑系统环境变量的设置界面。

![图片]

在系统属性的弹窗中，点击 环境变量。

![图片]

在弹出的环境变量弹窗中，找到用户变量的 Path，并双击打开。

![图片]

此时会弹出编辑环境变量的窗口，先点击 新建 按钮，然后会在空白行中出现一个输入框和一个闪烁的光标，在这里粘贴刚才复制的路径，最后点击 确定 按钮回到上层弹窗。

![图片]

最后逐层弹窗点击 确定 按钮退出即可。

![图片]

最后做一下测试，按组合键 Win + r 之后，输入 cmd 回车。

![图片]

回车之后，就可以调出 CMD 的终端窗口了，然后分别输入下面的命令，每输入一次命令后回车一次。

gcc --version
g++ --version
gdb --version

出现如下图一样的信息，就说明 C/C++ 的编译环境已经安装好。

![图片]

配置 VS Code 的 C/C++ 编程运行环境

1. 汉化 VS Code（选做）

这个配置环节并不属于 C/C++ 编程运行环境的配置必要环节，想适应英文开发环境的同学可以跳过。

考虑到很多同学的英文水平可能不是很好，对于全英文的开发环境会犯难，这里可以使用 VS Code 自带的汉化插件来解决这个问题。

首先启动 VS Code 软件，按下组合键 Ctrl + Shift + x，或者直接点击左边的第五个小图标，进入 Extensions。

![图片]

在上方输入框中键入 Chinese，扩展插件的列表会刷新出汉化插件，点击对应的 Install 按钮进行安装。

![图片]

安装好后，软件界面的右下角会弹出通知，并附带 Change Language and Restart 的按钮，点击这个按钮，即可重启软件。

![图片]

软件重启后，就是中文的界面了。

![图片]

2. 安装 C/C++ 扩展包

在 Extensions 中搜索 C++，列表第一个扩展包就是我们要的，点击 安装 即可。

![图片]

提示：上图中的 C/C++ Extension Pack 是 C/C++ 的扩展功能包，里面包含了一些项目管理和代码构建的工具，不是必要的扩展包，可以选择性安装。

测试 VS Code 的 C/C++ 编程环境

1. 创建代码文件夹

VS Code 是一款基于文件夹进行代码编辑和管理的编辑器，通常我们会把新建一个文件夹来管理同一个项目的代码，并在 VS Code 中打开。

我新建了一个名为 Code 的文件夹，并在里面新建了一个用于专门放 C 语言代码的文件夹。

![图片]

注意：需要注意的是，这个路径最好不要存在中文，否则会出现编译失败等问题。

打开 VS Code，点击 打开文件夹 的按钮。

![图片]

在弹窗中找到刚刚新建的 C 文件夹，选中文件夹，再点 选择文件夹。

![图片]

选中文件夹后，在新弹出的窗口中，勾选上 信任父文件夹 Documents 中所有文件的作者，再点 是，我信任此作者。

![图片]

文件添加好后，在左边的资源管理器中会出现 CODE 文件夹以及子文件夹 C，把鼠标放在文件夹上面，会出现四个小图标。四个小图标从左往右的作用分别是 新建文件、新建文件夹、刷新资源管理器 以及 在资源管理器中折叠文件夹。

![图片]

好了，做到这一步，接下来就可以进行代码的运行和调试了。

2. 单个 .c 文件的运行和调试

为了方便管理代码，我们先选中 C 文件夹，再点击 新建文件夹 按钮。

![图片]

此时会在 C 文件夹的下级出现一个输入框，我们新建一个名为 test 的文件夹。

![图片]

鼠标右键 test 文件夹，在弹出的菜单中选择 新建文件。

![图片]

在输入框中输入我们接下来要进行调试代码文件名，命名为 test.c，注意，一定要是 .c 结尾。

![图片]

接下来就可以输入一个调试程序了，我的代码如下：

#include <stdio.h>
int main() {
    for (int i = 0; i < 5; i++) {
        printf("Hello World~%d\n", i);
    }
    return 0;
}

写好测试代码后，点击右上角的调试按钮，这时会弹出调试程序的选项，选择第一个，也是本教程前面安装的 gcc 编译工具。

![图片]

这时文件就被编译并执行，如果在右下角弹出如下窗口，点击 是 即可。

![图片]

运行结果如图所示。

![图片]

如果要进行简单的断点调试，可以在行号前加一个断点，操作也很简单，只需用鼠标左键点一下行号左边的空白处即可。如下图所示，是在第六行处加了一个断点。

![图片]

这时再去运行程序，搜索框下面就会出现调试的面板，面板上有六个按钮，分别是 继续、逐过程、单步调试、单步跳出、重启 和 停止。

![图片]

重要说明：以下是 VS Code 中的 C 语言代码调试面板功能的解释：

• 继续（Continue）：继续执行程序，直到遇到下一个断点或程序结束。
• 逐过程（Step Over）：逐行执行当前行，如果当前行是函数调用，则进入该函数并执行完毕。
• 单步调试（Step Into）：逐行执行当前行，如果当前行是函数调用，则进入该函数并停在函数内的第一行。
• 单步跳出（Step Out）：执行完当前函数的剩余部分，并停在当前函数被调用的下一行。
• 重启（Restart）：重新启动程序的调试会话，即从程序的起点开始执行。
• 停止（Stop）：停止程序的调试会话，结束调试过程并关闭程序执行。

目前这个程序还不能很好说明以上的调试功能（至少 逐过程、单步调试 和 单步跳出 这三个并不明显），所以在后面的内容将以另一个代码进行演示。

3. 多个 .c 文件的运行与调试

如果想要进行多个 .c 文件编译后的调试，就需要进行一些配置修改。如果进行过一次编译运行，我们会发现在资源管理器的 C 文件夹下，多出一个 .vscode 的文件夹，这个文件夹里面有个 tasks.json 的文件。

![图片]

这个文件是用于定义任务配置，这些任务可以在 VS Code 中运行，例如编译代码、运行测试、启动调试器等。tasks.json 文件是一个 JSON 格式的文件，其中包含了任务的配置信息，包括任务名称、命令、参数等。通过编辑 tasks.json 文件，我们可以自定义项目中的各种任务，并在 VS Code 中方便地执行这些任务。

当前的 VS Code 的运行效果还不是很理想，双击打开 tasks.json 文件修改一下编译运行功能。下图是对该 JSON 文件做了部分解释。

![图片]

具体修改如下图所示，我注释掉了原来的 "${file}"，并新增一行 "*.c"，表示并非指定某一个 .c 文件，而是当前文件夹下所有的 .c 文件。同时也把 "${fileDirname}${fileBasenameNoExtension}.exe" 注释掉，改成 "${fileDirname}\program.exe"，那么多个 .c 文件编译之后的可执行文件就是 program.exe。

![图片]

修改好后，按组合键 Ctrl + s 保存即可。

然后点击左侧的 运行与调试，再点击 创建 launch.json 文件。

![图片]

搜索框会弹出选项，选择 C++(GDB/LLDB)。

![图片]

然后 VS Code 会新建一个 JSON 文件，点击右下角的 添加配置，在弹出的下拉菜单中选择 C/C++：（gdb）启动。

![图片]

此时，JSON 文件会多出一些配置信息，需要我们修改的内容如下图所示的红框标志内容。

![图片]

修改为下图红框所示内容，"program" 后的内容就是前面提到的 tasks.json 文件中的编译后产生的可执行文件。"miDebuggerPath" 后面的则是前面安装的 MinGW-W64 的 gdb 工具的路径。修改后保持关闭。

![图片]

注意：在复制粘贴 gdb 的路径时，不少小伙伴会忽略掉下图所示的问题。反斜杠是转义字符的作用，应该像上图一样多加一个一个反斜杠才表示路径。

之后，我们进行多文件的编译调试，先在 C 文件夹下新建一个新的文件夹，我这里命名为 test2，并在这个文件夹里面新建三个文件，分别是 test.c、max.h 和 max.c。

![图片]

代码如下：

max.h

#ifndef __MAX_H__
#define __MAX_H__
#include <stdio.h>
int findMaxNum(int num1, int num2);
#endif // __MAX_H__

max.c

#include "max.h"
int findMaxNum(int num1, int num2) {
    return num1 > num2 ? num1 : num2;
}

test2.c

#include <stdio.h>
#include "max.h"
int main() {
    int a = 10;
    int b = 20;
    int c = findMaxNum(a, b);
    printf("%d\n", c);
    return 0;
}

代码写好后，给 test2.c 的第 8 行代码打一个断点，再点调试按钮旁边的小三角形，在下拉菜单中选择 调试 C/C++ 文件。

![图片]

调试面板依旧是之前的那个。如果点击 继续，调试过程会跳到下一个断点，不过我们这个程序只打了一个断点，所以会直接运行到程序结束并退出调试。

![图片]

如果点击 逐过程，则在不进入函数内部，而是直接输出函数的运行结果，然后跳到下一行。

![图片]

如果点击 单步调试，则会进入被调用函数的内部，继续点击 单步调试 会一步一步执行并返回。如果进入函数后，点击 单步跳出 则直接带着函数的执行结果返回被调用处。

![图片]

参考资料

Running Visual Studio Code on Windows

C++ programming with Visual Studio Code

Get Started with C++ and MinGW-w64 in Visual Studio Code