VS Code + MinGW-w64 的C语言/C++简单环境

参考
基于 VS Code + MinGW-w64 的C语言/C++简单环境配置，专致小白
VS Code之C/C++程序的调试(Debug)功能简介
VSCode开发C、C++环境搭建系列（一）——基于Mingw-w64搭建

一、安装MinGW

要编写C/C++这样的静态语言程序，必备工具是一套可用的编译器。

编译器：它是能将你的源代码翻译成计算机可直接执行的程序文件（Windows上即.exe文件）的程序。是的，编译器本身也就是个程序，核心功能是读入你写的代码文件，然后吐出一个根据你代码生成的新的程序。

请记住：C/C++/Fortran这类语言永远不是在跑代码，代码本身除了文字这一属性没有任何功能性的意义。能在计算机上跑的都是编译器吐出来的程序文件，程序文件的内部才是计算机能直接执行的指令。而作为高级程序语言，C/C++基本特点之一是代码具有跨平台性，即在不同的硬件和操作系统平台上能跟据基本一致的(语法)规则来写代码；但不同的硬件和操作系统底层可直接执行的指令显然各不相同，这就决定了我们需要不同的编译器。

本文提到的MinGW-w64是一个著名项目为Windows平台提供的一套编译器，它也受到了微软官方文档的推荐，相关文件托管在SourceForge的网站上，https://sourceforge.net/projects/mingw-w64/files/

翻到下面，找到我们需要的编译器套件
（64位系统推荐x86_64的版本，32位系统则最好先换系统，否则只能用i686的；
（win32和posix代表线程模型，seh、sjlj、dwarf代表不同的异常处理模式，理论上都可以随便选），这里以x86_64-win32-seh为例。下载解压，然后配置环境变量后，CMD输入gcc -v能看到版本号即为配置成功。

image.png
image.png

二、VSCODE

1.安装C/C++插件

中文插件
C++插件

安装完成后重启一下VSCODE

2.配置

如今，"C/C++"插件已经更新到1.0.0版本，预定义的配置已经能够直接满足大部分工作所需。按快捷键【Ctrl】+【Shift】+【P】，打开命令面板，输入关键词"C/C++"，在弹出的诸命令中选择编辑配置 (UI)或者Edit Configurations (UI)，将弹出"C/C++"给我们的默认配置（JSON那个也能操作但难度较大，有兴趣的可自行研究）。

image.png
image.png

诸配置中最重要的是编译器路径和IntelliSense模式这两项，两者在右侧都有下拉三角。如果前面你正确配置了环境变量，路径的待选项中就会包含几个正确的编译器路径，编写C程序请选择gcc.exe，C++则选择g++.exe；模式选择gcc-x64。

配置完成后你可以看到一个c_cpp_properties.json文件被自动保存在了.vscode子目录中，它只在你这个工作文件夹中生效。如果你使用一个新的工作文件夹，就重新配置一下或者把原来的.vscode文件夹复制过来。

3.编写HelloWorld

#include <iostream>
using namespace std;
 
int main() 
{
    cout << "Hello, Worldxx!";
    return 0;
}

4.编译执行

第一次编译时，需要配置任务

image.png

在弹出的待选项中选择"C/C++: gcc.exe build active file"（如果是C++则应是"g++.exe build active file"）

image.png
这时一个tasks.json文件将被自动创建并保存在.vscode中，并自动打开，其内容如下
image.png

在VS Code和"C/C++"插件都升级到最新版后，这个默认配置就已经相当完善，无需修改关闭即可。为了执行这个编译任务，先打开要编译的代码文件，然后选择菜单栏【终端】→【运行生成任务】（快捷键Ctrl+Shift+B）

image.png
在弹出的待选项中选择刚刚配置的任务名，
image.png
image.png
出现上图情景即代表编译成功！注意这个步骤仅仅是生成了目标程序，但还没有执行它。要执行这个程序把它跑起来，回到下面的终端，输入执行命令
image.png
这样就可以在终端中看到程序执行的效果了！

5.通过命令来编译代码

编译代码的命令为（如果是C++则将gcc替换为g++）

gcc˽-o˽目标程序路径˽源代码文件路径

我用符号˽标记了空格，以防部分同学无视它们。“目标程序”即你要生成的程序文件，需要使用路径来指示，起名和加不加.exe都随意（因为它会自动加）。在我们这，由于已经在打开的文件夹里，可以使用相对路径，

gcc -o .\hello .\hello.c

回车，就能编译你刚刚的hello.c文件，如果成功，则在相同目录下生成一个hello.exe程序文件。执行程序的命令为

程序文件路径
是的形式上就是这样，只是路径可以是绝对或相对的，当然相对的一般更方便，这里要执行上面的程序就是

.\hello.exe

注意VS Code的默认终端实际上是PowerShell，需要使用.\显式地指明它是当前目录下的可执行文件，如果省略它出于安全原因会拒绝你程序的执行。

========这套方式固然不甚方便，但这才是编译程序这件事最核心的姿势，上面生成任务的输出其实也展示了这点。无论VS Code和本教程如何更新，这套方案都会保留在这里，我的态度是：你可以不用，你可以不写，但你不能不会========

image.png

6.添加Debug功能

参考VS Code之C/C++程序的调试(Debug)功能简介
这里在按照前面的步骤继续之前，先删除tasks.json。如果有launch.json，也删除掉。然后选择菜单栏【运行】【添加配置…】，

image.png
选择第一项"C++ (GDB/LLDB)"（Windows那个是给MSVC编译器用的，MingGW需要使用GDB），
image.png
接下来选择默认的"gcc.exe - 生成和调试活动文件"（或"g++.exe - 生成和调试活动文件"，具体取决于之前编译器路径的配置）
image.png
如果是第一次，这个动作会产生以下几个效果。
image.png
同时，代码会被自动编译，并自动以调试模式执行一遍生成的程序。如果代码没什么问题，且未设置任何断点或等待外部输入的代码，这个黄框一般只会闪现一下，程序一结束就会回归正常。
image.png
但注意如果代码中存在等待键盘输入的代码（比如scanf()这类），调试界面就会卡住而不会自动退出（因为你要输入的东西还没输呢）。由于程序是在“终端”里执行的，要输入内容的话需要先切换到“终端”，
image.png
终端中一长串的蓝字代表VS Code为我们启动了有调试器介入的程序执行（区别于在终端中仅敲入目标程序路径的直接执行）。在这里输入内容跟正常执行时是一样的。程序正常结束后，情况跟之前一样。

这一串动作的主要目的是让VS Code自动创建好tasks.json和launch.json文件，只要这两个文件内容正确，以后的调试工作就可以直接进行而无需再额外配置。由于第一次调试结束后launch.json文件是自动打开的，我们先来看一下它的内容。

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "gcc.exe - 生成和调试活动文件",  // 该调试任务的名字，启动调试时会在待选列表中显示
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",
            "args": [],
            "stopAtEntry": false,  // 这一项控制是否在入口处暂停，默认false不暂停，改为true暂停
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": false,  // 这一项控制是否启动外部控制台（独立的黑框）运行程序，默认false表示在集成终端中运行
            "MIMode": "gdb",
            "miDebuggerPath": "C:\\mingw64\\bin\\gdb.exe",  // 调试器路径，必须与你自己的电脑相符
            "setupCommands": [
                {
                    "description": "为 gdb 启用整齐打印",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            "preLaunchTask": "C/C++: gcc.exe build active file"  
// 调试前的预执行任务，这里的值是tasks.json文件中对应的编译任务，也就是调试前需要先编译
        }
    ]
}

然后我们也打开tasks.json来看一看。

{
    "tasks": [
        {
            "type": "shell",
            "label": "C/C++: gcc.exe build active file",  // 编译任务的名称，跟上面preLaunchTask的值对应
            "command": "C:/mingw64/bin/gcc.exe",  // 编译器的路径，须跟你自己的电脑相符
            "args": [  // 编译器执行时的参数，跟手动编译时输入的内容基本一致，主要是多了-g参数，以加入调试信息
                "-g",
                "${file}",
                "-o",
                "${fileDirname}\\${fileBasenameNoExtension}.exe"
            ],
            "options": {
                "cwd": "C:/mingw64/bin"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ],
    "version": "2.0.0"
}

tasks.json和launch.json文件创建好后，在这个打开的文件夹下所有“单文件的代码”就都可以直接顺利的按F5调试了。