VSCode配置 c++ 环境(小白教程)

因为自己在VSCode配置过程中遇到许多问题,在此记录一下,希望能帮助到更多人

若需要彻底卸载重装VSCode,可查看此篇教程

配置c++环境

前言


  • 本人环境:Windows10 64位
  • VSCode 使用起来还是很方便的,运行速度快,占用系统资源小,还有丰富的插件

软件安装


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

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

  • 下载地址:https://osdn.net/projects/mingw/downloads/68260/mingw-get-setup.exe/
    直接弹窗下载即可,下载完按照下面教程安装配置即可。
    在这里插入图片描述

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

  • 安装
    在这里插入图片描述
    安装完成后界面
    在这里插入图片描述

  • 下载相关文件(重要步骤)

    打开MinGW,勾选编译器软件

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

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

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

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

  • 添加环境变量
    • 右击 我的电脑 点击 属性
      在这里插入图片描述

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

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

    • 在系统变量中选择 Path新建
      在这里插入图片描述

    • bin地址 加入环境变量 (我的是 “D:\MinGW\bin”)
      在这里插入图片描述

    • 检测是否安装成功:命令提示符中输入 gcc -v ,若显示版本号则说明安装成功
      在这里插入图片描述

2. 下载安装VSCode


  • 下载地址:https://code.visualstudio.com/Download
    在这里插入图片描述
    在这里插入图片描述

配置过程

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++ -
      在这里插入图片描述
      在这里插入图片描述
      修改 “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
        }
    }
}


4. 测试


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

后序

VSCode 一些好用的插件


  • Bracket Pair Colorizer —— 为不同匹配括号提供不同的颜色高亮
    在这里插入图片描述

  • Markdown All in one —— 书写 Markdown 利器
    在这里插入图片描述

    Path Intellisence —— 路径自动补齐
    在这里插入图片描述

    vscode-icons —— 图标插件
    在这里插入图片描述

VSCode 修改背景图片

  • 管理员权限启动 VSCode,安装 background 插件
    在这里插入图片描述Ctrl+P 打开搜索框,输入 settings.json
    在这里插入图片描述

    serrings.json

    {
        "editor.fontSize": 20,
        "editor.mouseWheelZoom": true,
        "window.zoomLevel": 0,
        "files.autoGuessEncoding": true,
        // background 的相关配置
        "update.enableWindowsBackgroundUpdates": true,
        "background.customImages": [
            "file:///D:/vscode/vscode_bg/bg.png"  // 图片地址
        ],
        "background.style": {
            "content":"''",
            "pointer-events":"none",
            "position":"absolute",  // 图片位置
            "width":"100%",
            "height":"100%",
            "z-index":"99999",
            "background.repeat":"no-repeat",
            "background-size":"25%,25%",  // 图片大小
            "opacity":0.2  // 透明度
        },
        "background.useFront": true,
        "background.useDefault": false,
        "workbench.iconTheme": "vscode-icons-mac", // 是否使用默认图片
    }
    

    修改图片地址即可
    这是我的背景图片😄
    在这里插入图片描述

VSCode 设置鼠标滚动改变字体大小

  • settings.json 中加入 “editor.mouseWheelZoom”: true 即可,上面我已经加上了,使用 Ctrl+鼠标滚轮 即可实现字体放大缩小
    在这里插入图片描述

如果本文对你有小小的帮助,请点个赞再走呗😄

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页