VS Code：搭建C/C++编译调试运行环境

一时失言乱红尘 2023-06-25 15:29 8阅读 0赞

### VS Code：搭建C/C++编译调试运行环境 ###

*  1. 背景
 *  2. 搭建步骤
 *   *  2.1 下载安装VS Code和Mingw-w64。
     *  2.2 安装VS Code插件。
 *  3. 代码调试
 *  4. 代码运行（3种方法）
 *   *  4.1 以非调试模式运行（Ctrl + F5）
     *  4.2 终端g++命令运行
     *  4.3 安装Code Runner插件，按运行键（图中红色矩形）运行
 *  5. 总结
 *  6. 参考资料

--------------------

# 1. 背景 #

平常都是使用Visual Studio来编译、调试和运行C/C++程序，感觉其编译调试运行环境还是不错的，但就是体量过大，每次启动都要花较长时间。源程序才几十行，VS项目的大小就几十M，而且新建项目比较费时。故现在尝试使用Visual Studio Code来搭建C/C++编译调试运行环境，以方便对小型的C/C++程序进行编程。  
![VS和VS Code][VS_VS Code]

# 2. 搭建步骤 #

## 2.1 下载安装VS Code和Mingw-w64。 ##

> [VS Code官方下载][VS Code](https://code.visualstudio.com/Download)  
> [mingw-w64官方下载][mingw-w64](https://sourceforge.net/projects/mingw-w64/files/mingw-w64/)

![VS Code下载选项][VS Code 1]

![mingw-w64下载选项][mingw-w64 1]  
**提示：**  
**1. MinGW-W64-install.exe是安装程序，下载后直接点击安装即可，不过要求你的网络要好，不然下不了。**  
**2. i686 的是32位版，x86\_64 的是64位版；posix和win32是os接口类型；sjlj, seh, dwarf 是异常处理方案。只要选对操作系统版本即可，其它的推荐推荐posix+sjlj，注意路径不能有空格或中文。**  
**3. MinGW-W64需要配置环境。我的电脑>右键选择属性>点击高级系统设置>点击环境变量>点击系统变量path>添加MinGW-W64的bin地址(C:\\mingw64\\bin;)。记得点击确定保存设置，使用“gcc -v”测试MinGW-W64已装好**

![系统变量path路径][path]

![MinGW-W64安装测试结果][MinGW-W64]

## 2.2 安装VS Code插件。 ##

![VS Code插件][VS Code 2]

<table> 
 <thead> 
  <tr> 
   <th align="left">插件</th> 
   <th align="left">用途</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">C/C++</td> 
   <td align="left">搭建C/C++环境必需</td> 
  </tr> 
  <tr> 
   <td align="left">C++ Intellisense</td> 
   <td align="left">智能提示插件支持部分的语法高亮，可选</td> 
  </tr> 
  <tr> 
   <td align="left">Chinese (Simplified) Language Pack for Visual Studio Code</td> 
   <td align="left">vs code汉化插件，可选</td> 
  </tr> 
  <tr> 
   <td align="left">Code Runner</td> 
   <td align="left">运行程序的快捷键插件，可选</td> 
  </tr> 
  <tr> 
   <td align="left">Path Autocomplete</td> 
   <td align="left">路径自动提示插件，可选</td> 
  </tr> 
 </tbody> 
</table>

# 3. 代码调试 #

1.  打开文件夹，新建1.cpp。  
    ![打开文件夹][format_png_pic_center]

![新建1.cpp][1.cpp]

#include <iostream>
    
    int main()
    {
        int a = 9;
        std::cout << a << std::endl;
        std::cout << "hello" << std::endl;
        std::cout << "你好" << std::endl;
        return 0;
    }

1.  打开1.cpp，点击“调试”>“启动调试”。选择“**C++(GDB/LLDB)**”，选择“**g++.exe build and debug active file**”，如此可以自动创建launch.json。

![启动调试][format_png_pic_center 1]

![选择C++(GDB/LLDB)][C_GDB_LLDB]

![选择g++.exe build and debug active file][g_.exe build and debug active file]

{
        // 使用 IntelliSense 了解相关属性。 
        // 悬停以查看现有属性的描述。
        // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "name": "g++.exe build and debug active file",
                "type": "cppdbg",
                "request": "launch",
                "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",
                "args": [],
                "stopAtEntry": false,
                "cwd": "${workspaceFolder}",
                "environment": [],
                "externalConsole": false,
                "MIMode": "gdb",
                "miDebuggerPath": "C:\\mingw64\\bin\\gdb.exe",
                "setupCommands": [
                    {
                        "description": "为 gdb 启用整齐打印",
                        "text": "-enable-pretty-printing",
                        "ignoreFailures": true
                    }
                ],
                "preLaunchTask": "g++.exe build active file"
            }
        ]
    }

1.  打开1.cpp，点击“调试”>“启动调试”（**不要在launch.json上进行调试**）。此时系统报错，点击“**配置任务**” ，选择“**g++.exe build active file**”。如此系统会自动创建tasks.json。  
    若“**g++.exe build active file**”不存在，可能是因为你在launch.json进行调试，转换到1.cpp重新调试即可。

![系统报错][format_png_pic_center 2]

![g++.exe build active file][g_.exe build active file]

{
    // 有关 tasks.json 格式的文档，请参见
        // https://go.microsoft.com/fwlink/?LinkId=733558
        "version": "2.0.0",
        "tasks": [
            {
                "type": "shell",
                "label": "g++.exe build active file",
                "command": "C:\\mingw64\\bin\\g++.exe",
                "args": [
                    "-g",
                    "${file}",
                    "-o",
                    "${fileDirname}\\${fileBasenameNoExtension}.exe"
                ],
                "options": {
                    "cwd": "C:\\mingw64\\bin"
                },
                "problemMatcher": [
                    "$gcc"
                ],
                "group": "build"
            }
        ]
    }

1.  最后打开1.cpp，点击“调试”>“启动调试”即可调试运行。

![调试结果][format_png_pic_center 3]

# 4. 代码运行（3种方法） #

## 4.1 以非调试模式运行（Ctrl + F5） ##

![image.png][]

![运行结果][format_png_pic_center 4]

**注意：其编码方式是UTF-8。若换成GB2312，可能无法输出中文。**

![GB2312无法输出中文][GB2312]

## 4.2 终端g++命令运行 ##

g++ 1.cpp -o 1.exe; ./1.exe

![终端][format_png_pic_center 5]

![运行结果][format_png_pic_center 6]

**注意：其编码方式是GB2312。若换成UTF-8，输出结果中的中文会乱码。**

![中文乱码][format_png_pic_center 7]

## 4.3 安装Code Runner插件，按运行键（图中红色矩形）运行 ##

![Code Runner][]  
![运行结果][format_png_pic_center 8]

**注意：其编码方式是GB2312。若换成UTF-8，输出结果中的中文会乱码。**

![中文乱码][format_png_pic_center 9]

# 5. 总结 #

1.  熟悉VS Code不可能一蹴而就，搭建环境时只需把基本环境搭建好，能够编译调试运行C/C++程序即可，不需一下添加过多功能或安装许多插件。VS Code用多后有需求，自然而然就知道怎么配置环境，像快捷键之类都不怎么需要记，用多了自然就知道了。
2.  网上有许多c\_cpp\_properties.json、tasks.json、launch.json，重点是看懂再用。对于新手而言，系统自动生动的tasks.json和launch.json已基本够用。
3.  对于VS Code中文乱码有疑惑，可以参考[VS Code：4个中文乱码问题及解决方法][VS Code_4]。

# 6. 参考资料 #

1.  [请教：win10 64位应该安装MinGW哪个版本][win10 64_MinGW]
2.  [Visual Studio Code (vscode) 配置C、C++环境/编写运行C、C++（主要Windows、简要Linux）][Visual Studio Code _vscode_ _C_C_C_C_Windows_Linux]

[VS_VS Code]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC1iNmIxYzA1ODk1MmFmZWEzLnBuZw?x-oss-process=image/format,png#pic_center
[VS Code]: https://code.visualstudio.com/Download
[mingw-w64]: https://sourceforge.net/projects/mingw-w64/files/mingw-w64/
[VS Code 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC0wYmQ3YmRkOTk1NThmNGU2LnBuZw?x-oss-process=image/format,png#pic_center
[mingw-w64 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC0xZDFiM2U2ZjE5M2M2OWJjLnBuZw?x-oss-process=image/format,png#pic_center
[path]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC0zODI2MjU2YTQ5ZDA4ZjgyLnBuZw?x-oss-process=image/format,png#pic_center
[MinGW-W64]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC02ZTEwMGQ5MTFlOTRiZGUxLlBORw?x-oss-process=image/format,png#pic_center
[VS Code 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC05ZThmYzY1MWRjYTkzM2U2LlBORw?x-oss-process=image/format,png#pic_center
[format_png_pic_center]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC02MWRmYWZhODQ0YmI1ZjhmLnBuZw?x-oss-process=image/format,png#pic_center
[1.cpp]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC1iYjM0MGYzM2JjZWJiNDE0LnBuZw?x-oss-process=image/format,png#pic_center
[format_png_pic_center 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC1lMGFiZmZjZGZlNmVjMTBkLnBuZw?x-oss-process=image/format,png#pic_center
[C_GDB_LLDB]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC0wNWRiMzgyNmU3OGMzMzgzLnBuZw?x-oss-process=image/format,png#pic_center
[g_.exe build and debug active file]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC0wNGYxNDQyMGRhMzU4MTA3LnBuZw?x-oss-process=image/format,png#pic_center
[format_png_pic_center 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC00OWIwZDk5ZjM3ZTJiN2QzLnBuZw?x-oss-process=image/format,png#pic_center
[g_.exe build active file]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC00NjExY2FkMDhhZWIyODBiLlBORw?x-oss-process=image/format,png#pic_center
[format_png_pic_center 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC01MTU5NDIxNDcxMmE2NzIwLnBuZw?x-oss-process=image/format,png#pic_center
[image.png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC1hZmQ5ZTJiMzY4MjgwYjQ2LnBuZw?x-oss-process=image/format,png#pic_center
[format_png_pic_center 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC05NmMzZDUzODM5MWE0ODZiLlBORw?x-oss-process=image/format,png#pic_center
[GB2312]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC00OGU1OWRkMTE5OTJiNjgyLlBORw?x-oss-process=image/format,png#pic_center
[format_png_pic_center 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC0zMDVlYmJkZDQ4YmZlYzZmLnBuZw?x-oss-process=image/format,png#pic_center
[format_png_pic_center 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC05MWFmNDdlZjc1NGQxOTYwLlBORw?x-oss-process=image/format,png#pic_center
[format_png_pic_center 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC0wNGFhZjljNDEwMzZiNmYyLlBORw?x-oss-process=image/format,png#pic_center
[Code Runner]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC1kYmM4MjA3ZGYxNjc1MDVhLlBORw?x-oss-process=image/format,png#pic_center
[format_png_pic_center 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC1kY2I1MDAxMTFkOWZkMTYyLlBORw?x-oss-process=image/format,png#pic_center
[format_png_pic_center 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDMwMzQzNC1jNzYxYjVjODYyYjM1NWY1LlBORw?x-oss-process=image/format,png#pic_center
[VS Code_4]: https://www.jianshu.com/p/6a2c21cc07bb
[win10 64_MinGW]: https://exp.newsmth.net/topic/article/b8173e28c78eb5f3d83c1a23c6dcac68
[Visual Studio Code _vscode_ _C_C_C_C_Windows_Linux]: https://blog.csdn.net/bat67/article/details/76095813