VSCode配置 c++ 环境(小白教程)_vscode的c++颜色,2024年最新积累总结

163 阅读7分钟

1. 下载安装MinGW-w64及环境变量配置

MinGW:可以理解成包含多种编译环境的可自由选择安装的其中的部分的软件

  • 下载地址:osdn.net/projects/mi…
    直接弹窗下载即可,下载完按照下面教程安装配置即可。
    在这里插入图片描述

鉴于有很多人安装失败,我将 MinGW 安装文件放在了网盘,链接如下:
链接:pan.baidu.com/s/1hng1o1ru…
提取码:r823

  • 安装
    在这里插入图片描述
    安装完成后界面
    在这里插入图片描述
  • 下载相关文件(重要步骤)

打开MinGW,勾选编译器软件

+ mingw32-gcc.bin(c语言文件编译器)
+ mingw32-gcc-g++.bin(c++语言编译器)
+ mingw32-gdb.bin(调试编译后文件)

若在安装的时候报“找不到 xxx 库”的错误,可以重新勾选此库和dll文件

在这里插入图片描述
选择完后,点击 Installation > applychange,等待安装完就ok
在这里插入图片描述

对于 mingw32-gdb.bin 等下载失败问题,这里我把所需的三个文件放在网盘,下载后将自己没下载成功的对应文件放到 MinGW\bin 目录下即可,链接如下:
链接:pan.baidu.com/s/1ZJFnR\_M…
提取码:18rx

  • 添加环境变量
    • 右击 我的电脑 点击 属性
      在这里插入图片描述
    • 点击 高级系统设置
      在这里插入图片描述
    • 点击 环境变量
      在这里插入图片描述
    • 在系统变量中选择 Path新建
      在这里插入图片描述
    • bin地址 加入环境变量 (我的是 “D:\MinGW\bin”)
      在这里插入图片描述
    • 检测是否安装成功:命令提示符中输入 gcc -v ,若显示版本号则说明安装成功
      在这里插入图片描述

2. 下载安装VSCode


配置过程

1. VSCode插件安装


安装完成后,打开软件

  • 下载中文插件
    在这里插入图片描述
  • 下载 c/c++ 插件
    在这里插入图片描述

插件安装完成后 重启 VSCode

2. 创建工作区


  • 新建一个文件夹(放 c++ 代码文件)
  • 点击文件打开建的文件夹(快捷键 Ctrl+k Ctrl+O)在这里插入图片描述

3. 配置文件


  • 在此文件夹新建一个 .vscode 文件夹
    在这里插入图片描述

  • 在 .vscode 文件夹中新建三个文件

    • c_cpp_properties.json
    • launch.json
    • tasks.json
      在这里插入图片描述
  • 将下列代码复制到文件中

务必根据自己的安装位置修改文件路径

+ c\_cpp\_properties.json

 “includePath” 路径获取方法 cmd 下输入: gcc -v -E -x c++ -  
 ![在这里插入图片描述](https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/c37e0a87d21249118a70817a56f0229e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5py65Zmo5a2m5Lmg5LmL5b-DQUk=:q75.awebp?rk3s=f64ab15b&x-expires=1771863359&x-signature=dJ%2BHrQ6Wv7RM59mStpWGwbeKLRY%3D)  
 ![在这里插入图片描述](https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/9a4d1e0506dc4b6ba1cdec648da71e6e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5py65Zmo5a2m5Lmg5LmL5b-DQUk=:q75.awebp?rk3s=f64ab15b&x-expires=1771863359&x-signature=EzTm%2BNoOqd8kNMr7g6M7a67A0TM%3D)  
 修改 **“includePath”****"Path"**  
 将图示这几行代替其中路径即可



> 
> “d:/mingw/include/\*\*” 此条路径也根据你的路径修改加入即可
> 
> 
>
{
    "configurations": [
        {
            "name": "Win32",
            "includePath": [
                "${workspaceRoot}",
                "d:/mingw/include/\*\*",
                "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include/c++",
                "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include/c++/mingw32",
                "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include/c++/backward",
                "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include",
                "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/../../../../include",
                "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include-fixed"
            ],
            "defines": [
                "\_DEBUG",
                "UNICODE",
                "\_\_GNUC\_\_=6",
                "\_\_cdecl=\_\_attribute\_\_((\_\_cdecl\_\_))"
            ],
            "intelliSenseMode": "msvc-x64",
            "browse": {
                "limitSymbolsToIncludedHeaders": true,
                "databaseFilename": "",
                "path": [
                    "${workspaceRoot}",
                    "d:/mingw/include/\*\*",
                    "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include/c++",
                    "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include/c++/mingw32",
                    "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include/c++/backward",
                    "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include",
                    "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/../../../../include",
                    "d:/mingw/bin/../lib/gcc/mingw32/8.2.0/include-fixed"
                ]
            }
        }
    ],
    "version": 4
}


+ launch.json  
 根据自己路径修改 **"miDebuggerPath"**
{  
    "version": "0.2.0",  
    "configurations": [  
        {  
            "name": "(gdb) Launch", // 配置名称,将会在启动配置的下拉菜单中显示 
            "type": "cppdbg",       // 配置类型,这里只能为cppdbg 
            "request": "launch",    // 请求配置类型,可以为launch(启动)或attach(附加) 
            "program": "${workspaceFolder}/exe/${fileBasenameNoExtension}.exe",// 将要进行调试的程序的路径 
            "args": [],             // 程序调试时传递给程序的命令行参数,一般设为空即可 
            "stopAtEntry": false,   // 设为true时程序将暂停在程序入口处,一般设置为false 
            "cwd": "${workspaceFolder}", // 调试程序时的工作目录,一般为${workspaceFolder}即代码所在目录 
            "environment": [],  
            "externalConsole": true, // 调试时是否显示控制台窗口,一般设置为true显示控制台 
            "MIMode": "gdb",  
            "miDebuggerPath": "D:/MinGW/bin/gdb.exe", // miDebugger的路径,注意这里要与MinGw的路径对应 
            "preLaunchTask": "g++", // 调试会话开始前执行的任务,一般为编译程序,c++为g++, c为gcc 
            "setupCommands": [  
                {   
		    "description": "Enable pretty-printing for gdb",  
                    "text": "-enable-pretty-printing",  
                    "ignoreFailures": true  
                }  
            ]  
        }  
    ]  
}

+ tasks.json  
 直接复制粘贴即可,无需修改

  这里我顺便把 exe 的路径改了。在 “args” 中,需要进行修改可自行百度,此处我的会将编译生成的 exe 文件单独放在一个 exe文件夹 中
在这里插入图片描述

{
    "version": "2.0.0",
    "command": "g++",
    "args": [
        "-g",
        "${file}",
        "-o",
        "${workspaceFolder}/exe/${fileBasenameNoExtension}.exe"
    ], // 编译命令参数
    "problemMatcher": {
        "owner": "cpp",
        "fileLocation": [
            "relative",
            "\\"
        ],
        "pattern": {
            "regexp": "^(.\*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.\*)$",
            "file": 1,
            "line": 2,
            "column": 3,
            "severity": 4,
            "message": 5
        }
    }
}

这里解释一下args中自定义 exe文件存放路径:
workspaceFolder:当前工作路径exe:自己建的文件夹{workspaceFolder}: 当前工作路径 exe: 自己建的文件夹 {fileBasenameNoExtension}: 当前文件的文件名,NoExtension意思就是不带后缀名,然后加个 .exe 就是当前的exe文件,也就是编译生成的 exe 文件
上述路径放一起意思就编译生成的 exe 文件放在exe文件夹中, 把这条配置删除的话,编译生成的exe文件就默认放在了当前工作路径下。

顺便说一下 vscode 中一些变量代表什么意思
workspaceFolder:表示当前workspace文件夹路径,也即/home/Coding/Test{workspaceFolder} :表示当前workspace文件夹路径,也即/home/Coding/Test {workspaceRootFolderName}:表示workspace的文件夹名,也即Test
file:文件自身的绝对路径,也即/home/Coding/Test/.vscode/tasks.json{file}:文件自身的绝对路径,也即/home/Coding/Test/.vscode/tasks.json {relativeFile}:文件在workspace中的路径,也即.vscode/tasks.json
fileBasenameNoExtension:当前文件的文件名,不带后缀,也即tasks{fileBasenameNoExtension}:当前文件的文件名,不带后缀,也即tasks {fileBasename}:当前文件的文件名,tasks.json
fileDirname:文件所在的文件夹路径,也即/home/Coding/Test/.vscode{fileDirname}:文件所在的文件夹路径,也即/home/Coding/Test/.vscode {fileExtname}:当前文件的后缀,也即.json
lineNumber:当前文件光标所在的行号{lineNumber}:当前文件光标所在的行号 {env:PATH}:系统中的环境变量

4. 测试


  • 新建一个 cpp 文件
    在这里插入图片描述
  • F5 编译,成功
    在这里插入图片描述

后序

VSCode 一些好用的插件


img img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上物联网嵌入式知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频,并且后续会持续更新

如果你需要这些资料,可以戳这里获取