vs code配置C++教程

VS code配置 $debug$ 问题

下载vscode

$vs$ $code$ 下载网址链接
下载最新版的 $vs$ $code$并安装

安装的过程中，要勾选“需要添加到 $PATH$ ”中

安装MinGW

个人建议安装 $Dev$，然后把 $Dev$ 中的 $MinGW64$拷贝出来，放在某个目录下，为后面的步骤好用。
如果你不嫌麻烦，或者有足够的精力就去折腾 $MinGW的下载$，我是失败过几次，然后感觉恶心，反正我是吐了
安装好 $Dev$ 后将方框里面的东西拷贝出来

环境变量Path配置

$gcc.exe,g++.exe,gdb.exe$等工具位于MinGW64\bin\中：
将$MinGW64$\ $bin$目录设置成全局变量。
（1）右击"此电脑"–>“属性”–>“高级系统设置”–>“环境变量”，编辑"系统变量"中的 $path$，添加上$MinGW64$\ $bin$路径：

(2)注销用户或重启电脑，打开$cmd$命令行窗口，输入$echo$ %$path$%命令，查看MinGW64\bin中径是否已经被包含到 $path$中。

(3)将 $MinGW64$\ $bin$添加到$Path$中后，就可以在电脑的任意路径下执行$MinGW64$\ $bin$中的一些工具指令。比如$c++$的编译指$g++.exe$：

添加支持C++语法的功能

（1）新建一个专门放$VS$工作空间的文件夹，比如我在桌面新建了一个$VSC++$文件夹。点击$VS$左侧栏的第一个图标$"Explorer"$中的$"OpenFolder"$，打开$VSC++$目录。

（2）点击$VSC++$右侧的新建文件图标，新建一个$cpp$文件，比如$hello.cpp$。注意，这里后缀名不会自动生成，需要手动写上。

（3）在$hello.cpp$中写代表，发现关键字不会自动联想。说明此时$VSC++$不支持$C++$语法。

（4）点击 $VSCode$ 左侧的“应用商店$(Extensions)$，搜索$C/C++$语法插件，并安装

（5）安装完成后，重新编写$hello.cpp$中的代码，发现$VS$能支持$C++$语法，包括关键字联想、语法高亮等。

编译运行功能

写完$C++$程序后，发现没法编译运行程序。此时需要安装$CodeRunner$插件。（1）在$VS$应用商店里搜索$CodeRunner$并安装。

（2）装完之后，发现右侧多了一个三角形按纽。这个按纽就是用来运行代码的。

（3）回到$hello.cpp$，点击右上角的$RunCode$按纽，或者右击代码区域，在弹出的菜单中选择第一个按纽$RunCode$，可看到运行结果。

C++调试功能

接下来要给$VSCode$加上调试$C++$代码的功能。（1）在$VSCode$的$Explorer$中的$VSC++$右侧，点击第二个按纽来添加一个名叫$.vscode$的子文件夹，注意名称带点号。$.vscode$里面要存放配置文件比如$launch.json$和$tasks.json$。

（2）右键点击.vscode，在此目录下新建launch.json和tasks.json。

（3）$launch.json$中的内容为：

{
    
    
    "version":"0.2.0",
    "configurations":[
        {
    
    
            "name": "C/C++",
            "type": "cppdbg",
            "request": "launch",
            "program":"${fileDirname}/${fileBasenameNoExtension}.exe",
            "args": [],
            "stopAtEntry":false,
            "cwd":"${workspaceFolder}",
            "environment":[],
            "externalConsole":true,
            "MIMode":"gdb",
            "miDebuggerPath":"F:\\MinGW64\\bin\\gdb.exe",   //MinGW的路径路径
            "preLaunchTask":"g++",
            "setupCommands":[
                {
    
    
                    "description":"Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures":true
                }
            ],
        },
    ]
}

这里 $miDebuggerPath$ 参数值就是调试器 $gdb.exe$ 的完整路径。另外，不要使用 $gdb32.exe$，否则调试时会报错。
（4）$tasks.json$中的内容为：

{
    
    
    "version": "2.0.0",
    "command": "g++",
    "args":[
        "-g",
        "${file}",
        "-o",
        "${fileDirname}/${fileBasenameNoExtension}.exe"
    ],
    "problemMatcher":{
    
    
        "owner": "cpp",
        "fileLocation":[
            "relative",
            "${workspaceRoot}"
        ],
        "pattern":{
    
    
               // "regexp": "^([^\\\\s].*)\\\\((\\\\d+,\\\\d+)\\\\):\\\\s*(.*)$",
                "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
                "file": 1,
                "line": 2,
                "column": 3,
                "severity": 4,
                "message": 5
            }
        },
        "group":{
    
    
            "kind": "build",
            "isDefault": true
        }
}

（5）点击 $VSCode$ 左侧工具栏中的 “$RunandDebug$” 按纽可发现顶部多了绿色按纽。或者点击顶部的 “$Debug$” 按纽，发现弹出的子菜单里多了 “$StartDebugging$” 按纽。

（6）点击绿色的三角形按纽或 “$StartDebugging$” 菜单，即可进行调试。

设置数据输入功能

刚装好的 $VSCode$ 遇到 $cin$ 语句时，没法输入数据。需要设置。（1）选择 “$File$”–>"$Preference$"–>"$Setting$"–>"$User$"–>"$Extensions$"–>"$RunCodeConfiguration$"，勾选右侧的 “$RuninTerminal$”。

（2）运行代码，发现在代码区底部的 $Terminal$ 中可以输入数据

改变主题

（1）选择左上角的”File”–>”Preference”–>”Setting”–>”User”–>”Workbench”–>”Apperance”，可在Color Theme中更改主题。默认的主题是Default Dark+，若改成Default Light+，则会变成白色的，如下图所示：

（2）若需要更多的主题，可到扩展商店搜索“Theme”下载安装更多的主题。

添加汉化功能

（1）在扩展商店里搜索简体中文语言包并安装。

（2）装完重启VSCode即可看到菜单名称变成了中文。

个人喜好，我还是喜欢英文版本的啦~

菜单显示语言切换

菜单显示语言能够切换的前提是安装过语言包。默认只能显示英语。假如安装过中文语言包（如上面第七步所示）后，要在中英文之间互相切换，则操作步骤为：
（1）点击 $VSCode$ 左下角的 “设置” 按纽 “命令面板”，在命令面板输入框里输入$language$

（2）选择 “$ConfigureDisplayLanguage$”，在弹出的语言选项中选择相应的语言，$en$ 代表英语，$zh-cn$ 代表中文。选择之后，重启 $VSCode$，即可发现界面语言已经更改。

修改VSCode背景图片

在插件中搜索 $background插件$，并且安装。

在 “File” --> “preferences” --> “setting” --> “user”–> “extensions” --> “plugin background”–> “background:style” --> settings.json中编辑


我的图片放在电脑本地，然后引用的本地存储的路径

 //background 的相关配置
    "update.enableWindowsBackgroundUpdates": true,
    "background.customImages": [
        "file:///F:/vs code/vsbj.jpg"//图片地址
    ],
    "background.style": {
    
    
        "content":"''",
        "pointer-events":"none",
        "position":"absolute",//图片位置
        "width":"100%",
        "height":"100%",
        "z-index":"99999",
        "background.repeat":"no-repeat",
        "background-size":"100%,100%",//图片大小
        "opacity":0.4 //透明度
    },
    "background.useFront": true,
    "background.useDefault": false,
    "background.styles": [
        {
    
    },
        {
    
    },
        {
    
    }
    ], //是否使用默认图片

---

---

结语

本篇博客本人搭建亲测有效，网上看了几个教程，瞎折腾，踩坑无数，配置成功后记录一下，方便日后有时候需要使用的时候随时查看。我的背景图片用的是大一国庆去发现王国玩拍的夜景。个人觉得vs code 比上古神器 $vc6.0$好看多了，也比 $Dev$ 和 $Codeblocks$好看多了。本篇博客对您有帮助的话希望点赞，收藏，关注三连，鼓励本蒟蒻继续折腾写些实用博客。