从零开始在Vscode上使用mingw64配置C&C++环境附带美化(2021-07-26更新)

已于 2024-03-04 15:53:09 修改
阅读量3.1k 收藏 20
点赞数 8
分类专栏： vscode 文章标签： c++ 开发工具 c语言 vscode
于 2021-07-18 14:01:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42709977/article/details/118835411
版权

请添加图片描述

目录

最终效果图

在这里插入图片描述

前言

本人重装系统的频率比较高，所以配置vscode中c/c++环境的经验比较丰富，特此写下此博客供大家参考

下载安装Vscode

资源取自Vscode官方网站，如下图所示
在这里插入图片描述

安装Vscode相关插件

  • 打开vscode后应用检测到系统语言为中文可能会推荐如图所示的汉化插件
    在这里插入图片描述
  • 如果没有也可以去手动下载安装官方提供的汉化插件，重启应用生效
    在这里插入图片描述

在扩展商店可直接下载安装以下插件

  1. C/C++ (此插件是必须的）
    网速较差时可能会卡住，但也支持离线下载安装。（能够直接在扩展商店下载时无需离线下载该vsix插件）

离线下载安装步骤：
下图中的官方github下载地址
在这里插入图片描述
进入官方网站后下滑到此处即可下载
在这里插入图片描述
云盘下载（均为1.5.1版本）
蓝奏云 密码: dk6m
百度云盘 提取码: fts7
云盘内的资源均是压缩后的，下载解压后可得到vsix文件即所需的工具。
点击左侧的扩展按钮后照下图操作
在这里插入图片描述
找到下载的vsix文件选中即可安装
在这里插入图片描述

注：cpptools-win32.vsix是后续调试（debug）过程所必需的，如果在商店在线安装成功可跳过上述离线下载安装步骤

  1. Visual Studio IntelliCode（Microsoft官方开发的智能提示插件）
  2. C/C++ Compile Run（按F6轻松编译和运行单个c/c++文件，支持外部终端显示运行结果）
  3. C/C++ Snippets Pro (加快编写速度，试试在输入for后按下Tab键）
  4. vscode-icons （它可以将同一类型的文件以相同图标的方式，让程序员可以直观的选择文件，提高生产效率。）
  5. background-cover （添加全局背景的插件，背景图片可自定义）
  6. Fix VSCode Checksums （解决在修改vscode核心文件后顶部显示不受支持[Unsupported]的问题）
  7. Code Runner （支持多种语言的编译与运行，右上角多出的三角形按钮即运行按钮）

下载Mingw-w64编译器

  • 通过官方安装程序安装（不建议此方式，安装程序下载资源的速度非常非常慢）
    MinGW-W64-install.exe

64位操作系统
在这里插入图片描述

32位操作系统
在这里插入图片描述
这里可自定义安装地址（注：选好地址后将其复制，后续步骤会用到）
在这里插入图片描述

在这里插入图片描述

  • 官网，可选择开源项目mingw-builds
    在这里插入图片描述
    参数详解：
    i686 和 x86_64 指的是CPU架构，前者指32位、后者指64位
    posix 或 win32指的是线程模型，posix是 UNIX 系统的一个 API 设计标准，很多类 UNIX 系统也在支持兼容这个标准，如 Linux 操作系统。如果在 Windows 下开发 Linux 应用程序，则选择 posix；win32，是 Windows 系统下一个 API 设计标准，如果开发 Windows 平台下的应用程序，就需要选择 win32；
    seh和dwarf指的是异常处理模型，seh只支持64位，性能较好，而dawrf只支持32位。
    msvcrt是传统的运行库，而ucrt是Windows 10通用C运行时（UCRT）的替代方案。UCRT可以安装在早期版本的Windows上，如果编写旧版本的Windows程序，则MSVCRT是更好的选择。但是，如果目标是最新的Windows版本，则UCRT作为运行库是更好的选择，因为它的编写是为了更好地支持最新的Windows版本，并提供更好的标准一致性。
    这里我选择的是x86_64-13.2.0-release-posix-seh-ucrt-rt_v11-rev0.7z
    将下载得到的压缩包解压到自定义位置（可参考上述通过官方安装程序安装的默认位置为C:\Program Files\mingw-w64\x86_64-8.1.0-posix-seh-rt_v6-rev0）
    注：一定要复制其路径，以便后续配置环境变量。

以上mingw-w64安装参考vscode官方文档

配置环境变量

  • 进入到复制的地址，并打开其下的mingw64/bin,将该地址复制。
    示例：
    在这里插入图片描述

  • 打开文件管理器的此电脑界面，右击打开属性。
    在这里插入图片描述

  • 点击高级系统设置
    在这里插入图片描述

  • 点击环境变量
    在这里插入图片描述

  • 点击下方的系统变量内的Path后，点击编辑
    在这里插入图片描述

  • 点击新建后左边输入之前复制的mingw的地址,点击确定。
    在这里插入图片描述
    注：此地址必定以bin结尾，否则必须回去重新复制该地址。如果后续有需要移动mingw-w64编译器的位置，请将环境变量中的地址更新一下，否则编译时会出现“不是内部或外部命令，也不是可运行的程序或批处理文件。”或无法识别指令等类似错误。

vscode的c/c++环境到此就配置结束了

关于Windows环境变量详细描述

下面将验证安装配置是否成功

按win + R打开运行后输入cmd打开命令提示符，输入gcc --version出现类似下图的结果则证明配置成功
在这里插入图片描述

编译&运行代码

继续在cmd中输入以下代码，每行输出后回车

mkdir projects
cd projects
mkdir helloworld
cd helloworld
code .

将会在 cmd中当前路径\projects\helloworld下打开vscode
例如下图cmd中当前路径为C:\Users\xl
在这里插入图片描述
在左侧的资源管理器页面空白处右击新建文件，命名为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;
}

按Ctrl + S保存

手动输入指令编译&运行

单个c/cpp文件

在终端上含有helloworld.cpp的路径上输入g++ -g helloworld.cpp -o test回车后会在当前位置生成名为test.exe的可执行文件，直接输入test或test.exe即可在当前终端上运行。

例如下图在D:\test\projects\helloworld下有helloworld.cpp文件，则可在该位置使用g++命令编译当前位置下的cpp文件。
在这里插入图片描述

多个c/cpp文件

在这里插入图片描述

(注：一定要保证helloworld.cpp在当前路径下，否则会导致g++编译器无法找到该cpp文件。编译&运行c文件时只需将g++改为gcc即可。带-g参数生成的文件附带调试信息，更大一些，如无需调试可直接省略该参数)

以上方法是手动完成编译&运行的，而通过插件编译&运行本质上也是在终端上输入相应指令，插件只是单纯的代替我们自动地完成了该过程。

优化插件的设置

使用C/C++ Compile Run插件

注：仅支持单个c/cpp文件编译，默认在集成终端上运行，可设置为在外部终端运行

  • 按F6即可运行，并在vscode的集成终端上显示结果
    在这里插入图片描述
  • 也可以设置成和vs2019一样在外部终端上显示运行结果，操作步骤如下：进入顶部的文件>首选项>设置>用户，然后在搜索栏中输入C-cpp-compile-run: run-in-external-terminal，勾上该选项即可。
    在这里插入图片描述
  • 重新按F6运行即可在外部终端上显示
    在这里插入图片描述

使用Code Runner插件

默认只支持编译单文件并在输出栏里显示运行结果（无法输入），但是可设置为支持多文件编译并在集成终端中运行（可输入），目前还不支持外部终端运行

将Code Runner设置为在集成终端上运行

  • 在设置中输入Code-runner: Run In Terminal，勾上该选项即可使代码运行在集成终端上
    在这里插入图片描述

将Code Runner设置为支持编译&运行多个文件（仍然支持原来的单文件编译）

  • 在设置中输入code-runner.executorMap，点击在settings.json中编辑
    在这里插入图片描述

  • 将其中cpp和c中的$fileName替换成*.cpp和*.c
    在这里插入图片描述

  • 替换后如下图所示
    在这里插入图片描述

注：该工作文件夹(如图中的multipleFileCompile文件夹)中将不能再直接放其他无关的cpp或c文件，因为前面的更改将会导致编译器编译工作目录下的所有cpp文件，但是可以将无关的cpp或c文件放在工作目录中新建的文件夹下

编译&运行

单文件：
回到要运行的cpp文件页面点击右上角的三角形符号即可运行（快捷键为Ctrl + Alt + N）
在这里插入图片描述
更改设置后该插件同样支持多文件编译&运行
在这里插入图片描述

调试(debug)

以下教程使用C/C++插件调试，并未使用C/C++ Runner插件，如下载了C/C++ Runner插件请禁用或卸载后，再删除原来在左侧资源管理器生成的.vscode文件后再试（在调试时插件会自动创建.vscode文件）。
在这里插入图片描述

单文件调试

  • 在cpp文件页面打上断点后按F5后选中C++(GDB/LLDB)
    在这里插入图片描述

  • 继续选中g++（如果是c文件调试可选择gcc，此处为cpp文件所以选择g++）
    在这里插入图片描述

  • 等待程序运转，出现此界面(命中断点)则说明成功进入调试
    在这里插入图片描述
    在这里插入图片描述

多文件调试

测试以下三个文件

//swap.h
void swap(int &, int &);
//swap.cpp
#include "swap.h"
void swap(int &a, int &b)
{
    a += b;    //a->a+b          b->b
    b = a - b; //b->a+b-b=a      a->a+b
    a -= b;    //a->a+b-a=b      b->a
}
//main.cpp
#include <iostream>
#include "swap.h"
using std::cout;
using std::endl;
int main()
{
    int n1 = 2, n2 = 9;
    cout << "before swap\nn1 = " << n1 << " n2 = " << n2 << endl;
    swap(n1, n2);
    cout << "after swap\nn1 = " << n1 << " n2 = " << n2 << endl;
    return 0;
}

前面的步骤和单文件编译一样，只需要将生成的task.json文件中第九行的${file}改为${fileDirname}/*.cpp就可以调试了
（其中的/可以换成\\)
在这里插入图片描述

设置为调试时在外部终端运行

在调试时产生的launch.json文件中，将exterminalConsole的参数由默认的false改为true即可（该参数为false则会在集成终端上运行）
在这里插入图片描述

美化

设置全局背景

  • 装上前面提过的background-cover插件后点击右下角的第二个按钮后即可选择背景图以及调整透明度
    在这里插入图片描述
  • 当提示“Code安装似乎损坏、请重新安装”并且顶部显示不受支持时可通过插件上面提到过的Fix VSCode Checksums插件解决
    在这里插入图片描述
  • 按下F1后在输入框内输入fix，并选择FixChecksums:Apply，重启应用即可
    在这里插入图片描述

下载字体(ttf文件）

安装字体

  • 双击ttf文件后点击安装
    在这里插入图片描述

设置Vscode中的字体

  1. 打开Vscode后按Ctrl + Shift + R打开命令面板，输入settings后选择打开设置(UI)
    在这里插入图片描述
  2. 在 用户>文本编辑器>字体>Font Family中将自己需要的字体添加到最前方即可（注：字体名中带空格的需要用引号‘’）
    在这里插入图片描述

连体字体设置

vscode的连体字体如Fira Code默认为关闭状态，需要手动开启。同样在字体下，找到Font Ligatures点击在settings.json中编辑
在这里插入图片描述
将参数设置为true后重启即可
在这里插入图片描述

Wittyco
关注
  • 8
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
vscode 配置c/c++编译环境（里面包含视频教程，配置文件，MinGW-W64 GCC-8.1.0安装包170MB）
06-23
vscode 配置c/c++编译环境（里面包含视频教程，配置文件，MinGW-W64 GCC-8.1.0安装包170MB）。适用于Win64.自己在官网下载并安装的，废了一天才搞好。 vscode 配置c/c++编译环境（里面包含视频教程，配置文件，MinGW-W64 GCC-8.1.0安装包170MB）。适用于Win64.自己在官网下载并安装的，废了一天才搞好。 vscode 配置c/c++编译环境（里面包含视频教程，配置文件，MinGW-W64 GCC-8.1.0安装包170MB）。适用于Win64.自己在官网下载并安装的，废了一天才搞好。 vscode 配置c/c++编译环境（里面包含视频教程，配置文件，MinGW-W64 GCC-8.1.0安装包170MB）。适用于Win64.自己在官网下载并安装的，废了一天才搞好。 vscode 配置c/c++编译环境（里面包含视频教程，配置文件，MinGW-W64 GCC-8.1.0安装包170MB）。适用于Win64.自己在官网下载并安装的，废了一天才搞好。 vscode 配置c/c++编译 视频教程 MinGW-W64
VScode配置C/C++环境
meaning2的博客
12-29 1万+
Vscode配置C/C++环境
VSCode配置C/C++环境
最新发布
亦是远方的小地方
04-06 1400
windows下VSCode配置C++环境
vscode c++ 环境配置(终极版)
@bangbang的博客
06-23 1万+
配置c++ 编译时的选项，包括编译器的路径、C/C++标注, 指定头文件的搜索路径（如opencv等）该工具可以自动识别MinGW编译器的安装位置，如果没有添加到环境变量中，它会自动帮忙配置到环境变量。，这样将3个json拷贝到其他目录，也可以运行和调试c++程序。如果未下载MinGW，它会提示你下载，然后帮忙自动配置环境变量。: 设置头文件的搜索路径，让编译器可以找打相应的头文件。完成安装后，会自动在你选择的工作路径下，生成配置好的。,三个json文件的按照我提供的配置。设置c++ debug的选项。
VS Code 设置 C/C++环境
weixin_74062787的博客
04-15 3741
VS Code配置C/C++环境
VScode + MinGW-w64 编程环境搭建（C/C++）超详细
jad5620的博客
11-22 7561
VScode + MinGW-w64 C/C++编程开发环境搭建
使用VScode和mingW配置C++/C环境
08-06
windows下Vscode配置C++， 含多文件配置 配置文件都做好了，下载直接用！ MinGW下载直接用！（不要到处找了，国外网站速度慢，有的下载下来不能用） 系统环境变量一键生成！不用到处找按钮配置了。 VScode插件用那...
MinGW安装包 看我的博客如何vscode配置c/c++环境
06-10
MinGW安装包 看我的博客如何vscode配置c/c++环境
MATLAB Support for MinGW-w64 C/C++ Compiler.rar
12-31
资源是笔者在MATLAB里面安装的MinGW-w64 C/C++编译器安装包，主要用于作为博文https://blog.csdn.net/jiqiren_dasheng/article/details/103759720的资源附件。（声明：上传时积分设置的1，如果数值后续变了，就是...
VS Code gcc配置C++环境（Mingw-w64）
LukeyAlvin的博客
12-22 8186
关于配置这块，我极力推荐大家去官方文档进行步骤的阅览和理解，不要浪费时间在博客上找来找去，很浪费时间！当然，你如果读到我的博客，你就是幸运的（哈哈哈，双标如我），因为我是想对官方文档进行傻子版的解读！ 一、下载 Mingw-w64并配置环境变量 说到第一步，很多人就已经深陷其中，你可能会吐槽“fu****qiang！”,没办法。我也是下载了很久，两种解决方案：你可以自己去官网下载；你也可以从我的百...
Windows 10 配置Vscode和MinGW64
m0_47263849的博客
05-22 621
5. check：成功在VScode IDE 运行 HelloWorld，打开文件夹，新建文件HelloWorld.cpp，测试是否成功输出结果。2. 在VScode下载扩展（C/C++、C/C++Extension Pack、 C/C++Themes），其他常用扩展如Cmake和中文（简体）也可以下载。执行 pacman -S --needed base-devel mingw-w64-x86_64-toolchain 来下载gdb。方法一：右击电脑-属性-高级系统设置-环境变量。4. 添加环境变量！
在Visual Studio Code里编译C/C++程序【1】——MinGW-W64篇
xushu_me的博客
01-23 1836
前言 Visual Studio Code (以下简称VS Code) 是当下最流行的代码编辑器之一，它开源，跨平台，支持语言多，扩展功能丰富，用户界面友好，同时兼顾一些IDE的功能，如IntelliSense、编译、调试等，使得它深受码农喜爱。但正因为它本质只是一个文本编辑器，刚安装好时除了基本的编辑功能，基本啥都没有，让一些刚上手的用户感到迷茫。因此本人根据自己的一些经验，简单介绍VS Cod...
MinGW-w64安装教程——著名C/C++编译器GCC的Windows版本
热门推荐
生活需要深度
08-25 3万+
MinGW 的全称是：Minimalist GNU on Windows。它实际上是将经典的开源 C语言 编译器 GCC 移植到了 Windows 平台下，并且包含了 Win32API ，因此可以将源代码编译为可在 Windows 中运行的可执行程序。而且还可以使用一些 Windows 不具备的，Linux平台下的开发工具。一句话来概括：MinGW 就是 GCC 的 Windows 版本。
MinGW-w64安装教程
liuxiang66666的博客
12-24 1794
MinGW-w64 是非常复杂的，编译器大多都是如此，为了适应各种操作系统，它们的组件会存在各种不同的版本，以适应不同的环境。这些额外的设置，可以使 MinGW-w64 使用起来更方便。如果代码没有明显的编译错误，运行时也没有逻辑错误，则在最终编译为可发布版的程序时，我们还要考虑编译优化的问题，以便生成的程序文件拥有更小的体积，和更高的运行效率。因此，我将安装 MinGW-w64 的过程和步骤，编写成了这篇以图片为主的教程，为了让看到这篇文章的任何人，都可以很容易按照图片所示正确安装 MinGW-w64。
c语言编译器mingw的使用说明,C语言编译器MINGW的使用说明
weixin_31463861的博客
05-20 9432
在mingw环境中生成和使用dll都是十分方便的。1.生成dllgcc(g++) -shared -o test.dll test.c一直用VS，看现在Eclipse很火，便想弄一下玩玩，用到了MINGW，继而用到了GCC，对GCC相当的不熟悉，从头开始学一些简单的吧。简单的GCC用法～gcc命令提供了非常多的命令选项，但并不是所有都要熟悉，初学时掌握几个常用的就可以了，到后面再慢慢学习其它选项，...
vscode C++环境配置及美化
张楚岚的微博
08-17 315
vscode C++环境配置及美化 安装略 扩展安装 如下三个 环境配置 在当前目录新建一个后缀.cpp的文件 ctrl+shift+D，点击运行和调试,选择C++(GDB/LLDB)会生成launch.json launch.json修改如下 { "version": "0.2.0", "configurations": [ { "name": "C/C++ Runner: Debug Session", "type": "cppdbg", "requ
vscode配置c/c++编译环境-MinGw64-环境配置
qq_58806884的博客
12-10 616
配置vs code使用环境，搭配MinGw64文件
VS Code中执行C 语言 代码 （clang或者 MinGW-w64）
输微
04-02 874
有两个方案 一个使用 MinGW-w64 非常简单： 1 安装 MinGW-w64 注意:MinGW和MinGW-w64只是名字像，它们是两个不同的项目 2 注意：architecture 选择x86_64 3配置 MinGW-w64环境变量 在系统变量path中 D:\MinGW-w64\mingw64\bin 4在vs code 中 安装 插件 c/c++ 插件和CodeRunner插件 ...
vscode mingw-w64配置
02-20
VSCode是一款轻量级的代码编辑器，而Mingw-w64是一个用于Windows平台的开发工具集，它提供了一套GNU工具链，包括编译器、链接器等。下面是配置VSCode和Mingw-w64的步骤： 1. 安装VSCode：首先，你需要下载并安装VSCode编辑器，可以从官方网站（https://code.visualstudio.com/）下载适合你操作系统的版本。 2. 安装Mingw-w64：接下来，你需要下载并安装Mingw-w64。你可以从Mingw-w64官方网站（http://mingw-w64.org/doku.php）下载最新版本的安装程序。在安装过程中，选择合适的架构（32位或64位）和目标系统（例如，Windows）。 3. 配置环境变量：安装完成后，需要将Mingw-w64的bin目录添加到系统的环境变量中。打开控制面板，搜索"环境变量"，点击"编辑系统环境变量"。在弹出的窗口中，点击"环境变量"按钮，在"系统变量"部分找到"Path"变量，点击"编辑"按钮，在弹出的窗口中点击"新建"按钮，并添加Mingw-w64的bin目录路径（例如，C:\mingw-w64\bin）。点击确定保存修改。 4. 配置VSCode插件：打开VSCode，点击左侧的扩展图标（或按下Ctrl+Shift+X），在搜索框中输入"C/C++"，找到并安装"Microsoft C/C++"插件。安装完成后，点击"重新加载"按钮。 5. 配置编译器路径：在VSCode中，打开你的C/C++项目文件夹。点击左侧的调试图标（或按下Ctrl+Shift+D），在顶部的下拉菜单中选择"添加配置"，选择"C++ (GDB/LLDB)"。然后，VSCode会自动生成一个".vscode"文件夹，并在其中创建一个"launch.json"文件。在该文件中，找到"configurations"数组中的第一个对象，将"miDebuggerPath"属性的值设置为Mingw-w64的gdb.exe路径（例如，C:\\mingw-w64\\bin\\gdb.exe）。 6. 编写和调试代码：现在，你可以在VSCode中编写C/C++代码，并使用Mingw-w64进行编译和调试了。点击左侧的调试图标，在顶部的下拉菜单中选择你的配置（例如，"C++ (GDB/LLDB)"），然后点击绿色的播放按钮开始调试。 希望以上步骤对你有帮助！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值