跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
C++

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

综述由AI生成在 Windows 系统下使用 Visual Studio Code 配置 C/C++ 开发环境的完整流程。内容包括下载并安装 VS Code 编辑器及 MinGW-W64 编译器工具链,配置系统环境变量以支持 gcc/g++和 gdb。随后演示了如何在 VS Code 中安装 C/C++ 扩展插件,创建项目文件夹,编写测试代码,以及配置 tasks.json 和 launch.json 以实现单文件和多文件的编译、运行与调试功能。

城市逃兵发布于 2026/3/30更新于 2026/5/2329 浏览
VS Code 配置 C/C++ 编程运行环境教程

一、软件下载

1. 下载 VS Code 安装工具

官方下载链接:Visual Studio Code

在这里插入图片描述

直接点击 Download for Windows 进行下载。

2. 下载 MinGW-W64

MinGW-W64 可以去官网下载,也可以从 GitHub 下载。由于官网下载容易出错,推荐使用 GitHub 链接。

MinGW-W64 下载链接: Releases · msys2/msys2-installer (github.com)

进入链接后,可以看到历史版本的更替,最新版本为 2024-01-13 的版本,单击日期跳转至下载窗口。

在这里插入图片描述

如下图所示,选择 msys2-x86_64-20240113.exe(记住前缀是 msys2-x86_64 就行,后面是日期),点击下载标志。

在这里插入图片描述

二、安装 VS Code

双击运行 VSCodeUserSetup-x64-1.87.2.exe。

在这里插入图片描述

如果出现弹窗,单击运行即可。

在这里插入图片描述

选择我同意此协议并单击下一步。

在这里插入图片描述

这里提示 VS Code 的安装位置,默认路径即可,直接点击下一步。当然,你的电脑硬盘要是有分区的话,可以选择其他路径。

在这里插入图片描述

这一步是创建快捷方式的名字,可以输入其他名字,下面的选项如果不勾选,就会把快捷方式添加到开始菜单中。我选择默认,直接点下一步。

在这里插入图片描述

默认只有最后两项被选中,我全部选上,单击下一步。

在这里插入图片描述

最后再确认一下信息,确认之后直接安装即可。

在这里插入图片描述

大概一分钟左右就可以安装完成。

在这里插入图片描述

安装完成后,先暂时不运行 VS Code,把勾选去掉,点击完成。

在这里插入图片描述

三、安装 MinGW-W64 及配置环境变量

双击 msys2-x86_64-20240113.exe 运行安装程序。

在这里插入图片描述

[!CAUTION]

请注意,MSYS2 需要 64 位 Windows 8.1 及以上版本。

此界面直接点击下一步。

在这里插入图片描述

选择安装的路径,我这里选择默认,同学们可以根据自己的情况修改路径,之后点击下一步。

在这里插入图片描述

开始菜单中的名字,这个还是可以直接默认,点击下一步。

在这里插入图片描述

开始安装。

在这里插入图片描述

待进度条走完,直接点击下一步。

在这里插入图片描述

默认勾选立即运行 MSYS2,单击完成。

在这里插入图片描述

当按下完成之后,会弹出打开一个 MSYS2 终端窗口。

在这里插入图片描述

在此终端中,通过输入以下命令并按回车键,安装 MinGW-w64 工具链:

pacman -S--needed base-devel mingw-w64-ucrt-x86_64-toolchain

出现这个界面,直接按回车键,默认接受所有的安装包。

在这里插入图片描述

当系统提示是否继续安装时,请输入 y 并回车。

在这里插入图片描述

之后就进入安装过程,稍等片刻。

在这里插入图片描述

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

在这里插入图片描述

打开安装 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++,列表第一个扩展包就是我们要的,点击安装即可。

在这里插入图片描述

[!TIP]

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

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

1. 创建代码文件夹

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

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

在这里插入图片描述

[!WARNING]

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

打开 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 编译工具。

在这里插入图片描述

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

在这里插入图片描述

运行结果如图所示。

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

[!IMPORTANT]

以下是 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 工具的路径。修改后保持关闭。

在这里插入图片描述

[!NOTE]

在复制粘贴 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》

目录

  1. 一、软件下载
  2. 1. 下载 VS Code 安装工具
  3. 2. 下载 MinGW-W64
  4. 二、安装 VS Code
  5. 三、安装 MinGW-W64 及配置环境变量
  6. 四、配置 VS Code 的 C/C++ 编程运行环境
  7. 1. 汉化 VS Code(选做)
  8. 2. 安装 C/C++ 扩展包
  9. 五、测试 VS Code 的 C/C++ 编程环境
  10. 1. 创建代码文件夹
  11. 2. 单个 .c 文件的运行和调试
  12. 3. 多个 .c 文件的运行与调试
  13. 参考资料
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • cNetgate 插件架构设计详解:动态库与多语言脚本支持
  • Cursor Agent Skills 实战:打造专属前端 AI 助手
  • AgentScope Java v1.0 深度解析:企业级 AI Agent 落地指南
  • 本地免费部署 Llama 3.1 大模型详细教程
  • 基于 Python 的旅游大数据分析与推荐系统实战
  • Java AI 框架对比:Spring AI 与 LangChain4j 选型分析
  • Android LiveData 核心使用场景与最佳实践详解
  • 医疗 AI 轻量化部署方案梳理与优化路径
  • 滑动窗口算法实战:最大连续 1 与最小操作数
  • Trae 辅助 Java 开发:AI 驱动的高效实践指南
  • 大模型开发实战:深入理解解码器中的注意力机制
  • DeerFlow 2.0:字节开源超级 Agent 框架
  • 鸿蒙车载互联实战:用分布式技术重构出行体验
  • 本地部署多模态大模型:结合 Ollama、Open-WebUI 与 Dify 实现智能对话
  • Python 开发环境搭建教程:Windows 与 macOS 双系统指南
  • FPGA 实现高速数字信号处理的硬核逻辑与实战
  • Java Map 与 Set 数据结构深度解析与实战对比
  • Java 阻塞队列原理及生产者 - 消费者模型应用
  • 大模型落地应用:难点分析与破局之道
  • AI 产品经理新人简明入门指南:核心能力与准备路径

相关免费在线工具

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online

  • HTML转Markdown

    将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML转Markdown在线工具,online

  • JSON 压缩

    通过删除不必要的空白来缩小和压缩JSON。 在线工具,JSON 压缩在线工具,online

  • JSON美化和格式化

    将JSON字符串修饰为友好的可读格式。 在线工具,JSON美化和格式化在线工具,online