在 Linux 上的 VS Code 中使用 C++

在本教程中，你将配置 Visual Studio Code 以在 Linux 上使用 GCC C++ 编译器 (g++) 和 GDB 调试器。GCC 代表 GNU 编译器集合；GDB 是 GNU 调试器。

配置完 VS Code 后，您将在 VS Code 中编译和调试一个简单的 C++ 程序。本教程不会教您 GCC、GDB、Ubuntu 或 C++ 语言。对于这些主题，网络上有许多好的资源。

如果您遇到问题，请随时在VS Code 文档存储库中提交本教程的问题。

先决条件

要成功完成本教程，您必须执行以下操作：

  1. 安装Visual Studio 代码。

  2. 安装VS Code 的 C++ 扩展。您可以通过在扩展视图中搜索“c++”来安装 C/C++ 扩展 ( ⇧⌘X (Windows、Linux Ctrl+Shift+X ) )。

    C/C++ 扩展

确保已安装 GCC

尽管您将使用 VS Code 编辑源代码，但您将使用 g++ 编译器在 Linux 上编译源代码。您还将使用 GDB 进行调试。Ubuntu 上默认不安装这些工具，因此您必须安装它们。幸运的是，这很容易。

首先，检查GCC是否已经安装。要验证是否有效，请打开终端窗口并输入以下命令：

gcc -v

如果未安装 GCC，请从终端窗口运行以下命令来更新 Ubuntu 软件包列表。过时的 Linux 发行版有时会干扰安装新软件包的尝试。

sudo apt-get update

接下来使用以下命令安装 GNU 编译器工具和 GDB 调试器：

sudo apt-get install build-essential gdb

创建你好世界

在终端窗口中，创建一个名为 的空文件夹projects来存储 VS Code 项目。然后创建一个名为 的子文件夹helloworld，导航到其中，并通过输入以下命令打开该文件夹中的 VS Code：

mkdir projects
cd projects
mkdir helloworld
cd helloworld
code .

该code .命令在当前工作文件夹中打开 VS Code，该文件夹将成为您的“工作区”。在学习本教程时，您将在.vscode工作区的文件夹中创建三个文件：

  • tasks.json（编译器构建设置）
  • launch.json（调试器设置）
  • c_cpp_properties.json（编译器路径和 IntelliSense 设置）

添加hello world源代码文件

在文件资源管理器标题栏中，选择新建文件并将文件命名为helloworld.cpp。

新建文件标题栏按钮

粘贴以下源代码：

#include <iostream>
#include <vector>
#include <string>

using namespace std;

int main()
{
    vector<string> msg {"Hello", "C++", "World", "from", "VS Code", "and the C++ extension!"};

    for (const string& word : msg)
    {
        cout << word << " ";
    }
    cout << endl;
}

现在按⌘S（Windows、Linux Ctrl+S）保存文件。请注意，您的文件列在VS Code 侧栏中的文件资源管理器视图 ( ⇧⌘E (Windows、Linux Ctrl+Shift+E ) ) 中：

文件管理器

您还可以通过选中主文件菜单中的自动保存来启用自动保存以自动保存文件更改。

Visual Studio Code 边缘的活动栏可让您打开不同的视图，例如“搜索”、“源代码管理”和“运行”。您将在本教程后面查看“运行”视图。您可以在 VS Code用户界面文档中找到有关其他视图的更多信息。

注意：当您保存或打开 C++ 文件时，您可能会看到来自 C/C++ 扩展的有关 Insiders 版本可用性的通知，该版本可让您测试新功能和修复。X您可以通过选择（清除通知）来忽略此通知。

探索智能感知

在helloworld.cpp文件中，将鼠标悬停在vector或string上可查看类型信息。声明变量后，像调用成员函数一样msg开始键入。msg.您应该立即看到一个显示所有成员函数的完成列表，以及一个显示对象类型信息的窗口msg：

语句完成智能感知

您可以按Tab键插入选定的成员。然后，当您添加左括号时，您将看到有关该函数所需参数的信息。

运行helloworld.cpp

请记住，C++ 扩展使用您计算机上安装的 C++ 编译器来构建程序。helloworld.cpp在尝试在 VS Code 中运行和调试之前，请确保已安装 C++ 编译器。

  1. 打开helloworld.cpp，使其成为活动文件。

  2. 按编辑器右上角的播放按钮。

    helloworld.cpp 和播放按钮的屏幕截图

  3. 从系统上检测到的编译器列表中选择g++ 构建和调试活动文件。

    C++ 调试配置下拉列表

仅在第一次运行时才会要求您选择编译器helloworld.cpp。该编译器将被设置为tasks.json文件中的“默认”编译器。

  1. 构建成功后，程序的输出将出现在集成终端中。

    程序输出截图

第一次运行程序时，C++ 扩展会创建tasks.json，您可以在项目的.vscode文件夹中找到它。tasks.json商店构建配置。

您的新tasks.json文件应类似于以下 JSON：

{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "shell",
      "label": "C/C++: g++ build active file",
      "command": "/usr/bin/g++",
      "args": ["-g", "${file}", "-o", "${fileDirname}/${fileBasenameNoExtension}"],
      "options": {
        "cwd": "/usr/bin"
      },
      "problemMatcher": ["$gcc"],
      "group": {
        "kind": "build",
        "isDefault": true
      },
      "detail": "Task generated by Debugger."
    }
  ]
}

注意：您可以在变量参考中了解有关tasks.json变量的更多信息。

该command设置指定要运行的程序；在本例中是 g++。该args数组指定将传递给 g++ 的命令行参数。这些参数必须按照编译器期望的顺序指定。

此任务告诉 g++ 获取活动文件 ( ${file})，对其进行编译，并在当前目录 ( ${fileDirname}) 中创建一个与活动文件同名但没有扩展名 ( ${fileBasenameNoExtension}) 的可执行文件，这就是helloworld我们的示例。

该label值是您将在任务列表中看到的值；你可以随意命名它。

该detail值是您将作为任务列表中的任务描述的值。强烈建议重命名该值以将其与类似任务区分开来。

从现在开始，播放按钮将读取tasks.json以了解如何构建和运行您的程序。您可以在 中定义多个构建任务tasks.json，并且播放按钮将使用标记为默认的任务。如果您需要更改默认编译器，您可以运行任务：配置默认构建任务。或者，您可以修改tasks.json文件并通过替换此段来删除默认值：

    "group": {
        "kind": "build",
        "isDefault": true
    },

有了这个：

    "group": "build",

修改tasks.json

您可以tasks.json使用类似参数而"${workspaceFolder}/*.cpp"不是 来修改您的文件以构建多个 C++ 文件${file}。这将构建.cpp当前文件夹中的所有文件。"${fileDirname}/${fileBasenameNoExtension}"您还可以通过替换为硬编码文件名（例如“helloworld.out”）来修改输出文件名。

调试helloworld.cpp

要调试您的代码，

  1. 返回，helloworld.cpp使其成为活动文件。
  2. 通过单击编辑器边距或在当前行上使用 F9 设置断点。 helloworld.cpp 中断点的屏幕截图
  3. 从播放按钮旁边的下拉列表中，选择Debug C/C++ File。 播放按钮下拉菜单的屏幕截图
  4. 从系统上检测到的编译器列表中选择C/C++: g++ 构建和调试活动文件helloworld.cpp（只有在第一次运行或调试时才会要求您选择编译器）。 C++ 调试配置下拉列表

播放按钮有两种模式：运行 C/C++ 文件和调试 C/C++ 文件。它将默认为上次使用的模式。如果您在播放按钮中看到调试图标，则只需选择播放按钮即可进行调试，而无需选择下拉菜单项。

探索调试器

在开始逐步执​​行代码之前，让我们花点时间注意一下用户界面中的一些变化：

  • 集成终端出现在源代码编辑器的底部。在“调试输出”选项卡中，您会看到指示调试器已启动并正在运行的输出。

  • 编辑器突出显示第 12 行，这是您在启动调试器之前设置的断点：

    初始断点

  • 左侧的“运行和调试”视图显示调试信息。您将在本教程后面看到一个示例。

  • 在代码编辑器的顶部，会出现一个调试控制面板。您可以通过抓住左侧的点在屏幕上移动它。

    调试控件

如果您的工作区中已有 launch.json 文件，则在确定如何运行和调试 C++ 文件时，播放按钮将从该文件中读取内容。如果您没有 launch.json，播放按钮将动态创建临时的“快速调试”配置，从而完全不需要 launch.json！

单步执行代码

现在您已准备好开始单步执行代码。

  1. 单击或按调试控制面板中的“单步执行”图标。

    跨过按钮

    这将使程序执行前进到 for 循环的第一行，并跳过创建和初始化变量时调用的vector和类中的所有内部函数调用。请注意侧面“变量”窗口中的变化。stringmsg

    调试窗口

  2. 再次按“单步执行”可前进到该程序中的下一条语句（跳过为初始化循环而执行的所有内部代码）。现在，变量窗口显示有关循环变量的信息。

  3. 再次按Step over执行该cout语句。（请注意，截至 2019 年 3 月版本，C++ 扩展在执行最后一个 cout 之前不会将任何输出打印到调试控制台。）

  4. 如果您愿意，可以一直按“Step over”，直到向量中的所有单词都已打印到控制台。但如果您好奇，请尝试按“单步执行”按钮单步执行 C++ 标准库中的源代码！

    gcc 标准库头中的断点

    要返回到您自己的代码，一种方法是按住Step over。另一种方法是在代码中设置断点，方法是切换到helloworld.cpp代码编辑器中的选项卡，将插入点放在cout循环内语句的某处，然后按F9。左侧装订线中出现一个红点，表示已在此行设置断点。

    main 中的断点

    然后按F5从标准库头中的当前行开始执行。执行将中断cout。如果您愿意，可以再次按F9来关闭断点。

    循环完成后，您可以在集成终端的“调试控制台”选项卡中看到输出，以及 GDB 输出的一些其他诊断信息。

    调试控制台显示

设置手表

要在程序执行时跟踪变量的值，请对变量设置监视。

  1. 将插入点放置在循环内。在“监视”窗口中，单击加号，然后在文本框中键入word，这是循环变量的名称。现在，当您单步执行循环时，请查看“监视”窗口。

    观察窗

  2. 要在执行暂停在断点上时快速查看任何变量的值，可以将鼠标指针悬停在该变量上。

    鼠标悬停

接下来，您将创建一个tasks.json文件来告诉 VS Code 如何构建（编译）程序。此任务将调用 g++ 编译器从源代码创建可执行文件。

在编辑器中打开非常重要helloworld.cpp，因为下一步将使用编辑器中的活动文件作为上下文来创建下一步中的构建任务。

使用 launch.json 自定义调试

当您使用播放按钮或F5进行调试时，C++ 扩展会动态创建动态调试配置。

在某些情况下，您需要自定义调试配置，例如指定在运行时传递给程序的参数。您可以在文件中定义自定义调试配置launch.json。

要创建launch.json，请从播放按钮下拉菜单中选择添加调试配置。

添加调试配置播放按钮菜单

然后，您将看到各种预定义调试配置的下拉列表。选择g++ build and debug active file。

C++ 调试配置下拉列表

VS Code 创建一个launch.json文件，如下所示：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "C/C++: g++ build and debug active file",
      "type": "cppdbg",
      "request": "launch",
      "program": "${fileDirname}/${fileBasenameNoExtension}",
      "args": [],
      "stopAtEntry": false,
      "cwd": "${workspaceFolder}",
      "environment": [],
      "externalConsole": false,
      "MIMode": "gdb",
      "miDebuggerPath": "/usr/bin/gdb",
      "setupCommands": [
        {
          "description": "Enable pretty-printing for gdb",
          "text": "-enable-pretty-printing",
          "ignoreFailures": true
        }
      ],
      "preLaunchTask": "C/C++: g++ build active file"
    }
  ]
}

在上面的 JSON 中，program指定要调试的程序。这里它被设置为活动文件夹${fileDirname}和不带扩展名的活动文件名${fileBasenameNoExtension}，如果helloworld.cpp是活动文件将是helloworld。该args属性是在运行时传递给程序的参数数组。

默认情况下，C++ 扩展不会向源代码添加任何断点，并且该stopAtEntry值设置为false.

将值更改stopAtEntry为以使调试器在开始调试时true停止在该方法上。main

从现在开始，在启动程序进行调试时，播放按钮和F5将从您的launch.json文件中读取。

C/C++ 配置

如果您想要对 C/C++ 扩展进行更多控制，可以创建一个c_cpp_properties.json文件，该文件允许您更改编译器路径、包含路径、C++ 标准（默认为 C++17）等设置。

您可以通过运行命令 C/C++ ：从命令面板编辑配置 (UI) ( ⇧⌘P (Windows、Linux Ctrl+Shift+P ) ) 查看 C/C++ 配置 UI。

命令面板

这将打开C/C++ 配置页面。当您在此处进行更改时，VS Code 会将它们写入c_cpp_properties.json该.vscode文件夹中名为的文件中。

IntelliSense 配置窗口

如果您的程序包含不在工作区或标准库路径中的头文件，则只需修改“包含路径”设置。

Visual Studio Code 将这些设置放置在.vscode/c_cpp_properties.json. 如果直接打开该文件，它应该如下所示：

{
  "configurations": [
    {
      "name": "Linux",
      "includePath": ["${workspaceFolder}/**"],
      "defines": [],
      "compilerPath": "/usr/bin/gcc",
      "cStandard": "c11",
      "cppStandard": "c++17",
      "intelliSenseMode": "clang-x64"
    }
  ],
  "version": 4
}

重用您的 C++ 配置

VS Code 现已配置为在 Linux 上使用 gcc。该配置适用于当前工作区。要重用配置，只需将 JSON 文件复制到.vscode新项目文件夹（工作区）中的文件夹，并根据需要更改源文件和可执行文件的名称。

故障排除

编译器和链接错误

当您启动构建或开始调试时 不是活动文件时，最常见的错误原因（例如undefined _main、attempting to link with file built for unknown-unsupported file format或 等）会发生。helloworld.cpp这是因为编译器正在尝试编译非源代码的内容，例如您的launch.json、tasks.json或c_cpp_properties.json文件。

下一步

  • 浏览VS Code 用户指南。
  • 查看C++ 扩展概述。
  • 创建一个新工作区，将 .json 文件复制到其中，调整新工作区路径、程序名称等的必要设置，然后开始编码！
2022 年 5 月 13 日