当前位置:首页 » 《随便一记》 » 正文

【开发工具 - vscode】vscode配置C/C++运行环境

15 人参与  2023年03月31日 19:29  分类 : 《随便一记》  评论

点击全文阅读


【开发工具 - VSCode】vscode配置C/C++环境

准备工作第一步 下载vscode第二步 下载mingw第三步 将mingw添加至系统变量中第四步 打开VsCode安装一下必要的插件 正式开始配置第一步 新建个存放C/C++文件的文件夹,并新建个cpp文件配置方法一 借助run code 插件的配置方法 - 简单问题1:run code运行程序时,无法向终端中输入数据问题2:run code执行代码出现gcc(或g++) :error; no such file or directory的错误原因分析解决办法第一步 打开code runner扩展设置第二步 进入指令设置界面第三步 修改编译指令 配置方法二 使用gdb调试的配置方法 - 复杂第一步 配置编辑器环境第二步 配置task.json 编译任务第三步 配置launch.json 调试任务问题1 为什么运行程序后没有输出结果进阶 设置成经典的弹出黑窗运行程序的形式(在系统终端中运行程序) 配置方法三 使用windows调试 - 比较复杂第一步 配置编辑器环境第二步 配置task.json 编译任务第三步 配置launch.json 调试任务 通用问题问题一:vscode终端出现乱码

准备工作

在 Vscode 里配置C/C++运行环境,首先,需要下载 C/C++ 的开发环境,然后将 C/C++ 的开发环境添加至系统变量中。

第一步 下载vscode

VsCode大家应该都会下,这里就不提供VsCode的下载与安装教程了

第二步 下载mingw

这里采用mingw作为 C/C++ 开发环境,官网链接如下
官网链接:MinGW官网
在这里插入图片描述

下载完成后我们会得到这样一个安装程序

在这里插入图片描述

双击打开

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
请添加图片描述

然后我们找到mingw的安装文件夹

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

依次输入

mingw-get install gccmingw-get install g++mingw-get install gdb

注意:因为提供下载服务的服务器在国外,因此下载会比较慢,甚至一些内容可能还下载不了(如gdb.exe),如果你不想使用gdb调试的话,gdb.exe不是必须要下载的,(run code是直接编译运行的,不需要gdb调试器)

如果要使用 gdb调试器,那么请参考评论区里的大佬提供的msys2安装方法安装最新版
或者百度网盘进行下载(别问为什么用百度网盘,因为其他网盘都存满了T_T)
这里提供的是8.1.0的版本(最新版11.2,截止2022/11/14号)
链接:MinGW 8.1.0版
提取码:Suif
压缩包大小 129.41MB,用下百度网盘的限时体验30s(如果还有的话),很快就下好了
亲测,8.1.0版本完全支持C++17及以下标准。

在这里插入图片描述
在这里插入图片描述

然后mingw就下载完成了

第三步 将mingw添加至系统变量中

这一步就是告诉电脑,可以在哪个文件夹里找到 C/C++ 的运行环境

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

这样我们的系统环境就配置完成了
我们可以来检验一下是否配置正确
按住 win + r 打开以下界面

在这里插入图片描述

输入 cmd, 然后点确定
在这里插入图片描述
依次输入
gcc -v
g++ -v
gdb -v
看看是否显示正常结果
在这里插入图片描述在这里插入图片描述
结果正常显示就表示系统环境配置正确,这时候建议重启一下电脑(当然也可以不重启)

第四步 打开VsCode安装一下必要的插件

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

我们的vscode配置 C/C++ 的准备工作就完成了

正式开始配置

第一步 新建个存放C/C++文件的文件夹,并新建个cpp文件

在这里插入图片描述
在这里插入图片描述

我们在vscode中打开那个文件夹

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

然后我们就可以开始配置环境了

注意:配置的环境只适用于这个大文件夹内

配置方法一 借助run code 插件的配置方法 - 简单

这是最简单的一种配置方法,对于初学者或者很少接触计算机的人来说也是最为友好的一种方法
这种方法需要用到一个插件, run code,我们先打开扩展商店安装一下run code插件
在这里插入图片描述
安装完成了后,我们会发现右键多了个run code

在这里插入图片描述

直接点run code就能够编译运行程序了。

问题1:run code运行程序时,无法向终端中输入数据

由于run code的设置问题,有些同学使用run code运行程序可能得到输出结果,而不能直接在vscode中向程序中输入内容,所以我们还需要一些设置来调整一下run code。

我们按 ctrl + ,进入设置(ctrl + 逗号)或者点击文件 -> 首选项 -> 设置

在这里插入图片描述
在这里插入图片描述

重启一下vscode,这样我们就可以在vscode中向程序输入内容了

问题2:run code执行代码出现gcc(或g++) :error; no such file or directory的错误

原因分析

这个错误可能是编译命令执行前没有进入指定的文件夹前导致的,所以我们加一个cd 目标文件夹路径即可

解决办法

第一步 打开code runner扩展设置

在这里插入图片描述

第二步 进入指令设置界面

在这里插入图片描述

第三步 修改编译指令

在这里插入图片描述

        "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",        "cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",

配置方法二 使用gdb调试的配置方法 - 复杂

如果想使用gdb调试器调试程序的话,则需使用该种方法

第一步 配置编辑器环境

我们按住 ctrl + shift + p 打开命令面板 或者 点击查看 -> 命令面板

在这里插入图片描述
在这里插入图片描述

我们配置一下编译器路径,以及c/c++标准

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

然后关闭这个界面,我们会发现CppProject文件夹中多了一个.vscode文件夹

在这里插入图片描述

第二步 配置task.json 编译任务

同样,我们按住 ctrl + shift + p 进入命令面板 或 点击 查看 -> 命令面板

在这里插入图片描述在这里插入图片描述

此时我们会发现.vscode文件夹中多了tasks.json

简单地介绍一下tasks.json中需要注意的内容:

label : 编译任务名称,在之后配置launch.json时我们可以通过编译任务名称来调用编译任务。command :编译器路径,编译任务会调用编译器,请确保路径正确。
args :传输给编译器的命令,通过设置该项内容,可以设置生成exe程序的路径

在这里插入图片描述

第三步 配置launch.json 调试任务

因为现在的C/C++插件不会自动生成launch.json,因此launch.json需要我们自己编写,在.vscode文件夹内新建一个launch.json文件

在这里插入图片描述

我们会发现,这里有个添加配置

在这里插入图片描述

我们点添加配置,选择gdb启动

在这里插入图片描述

我们需要修改3个地方

第一处:program - 可执行程序路径

该项内容表示调用的程序路径,其值应和task.json中生成的exe程序路径相同,否则会由于无法找到可执行的程序而报错

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

第二处:miDebuggerPath - 自定义调试器路径

该项值表示gdb调试器的路径,其值应该与自己想用的gdb调试器路径一致,否则提示找不到gdb调试器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

第三处:preLaunchTask - 调试之前执行的编译任务

该项值表示启动gdb调试器之前使用的编译任务,其值等于task.json中的label。该项内容并不会自动生成,因此需我们手动编写。

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

保存,重启一下编辑器,我们就可以按F5调试程序了

注意:任何文件做出更改后都需要保存,新内容才会生效,我们可以按 ctrl + s 快速保存文件

问题1 为什么运行程序后没有输出结果

问:为什么按F5后出现这个报错信息,没有输出结果

在这里插入图片描述

答:这并不是报错信息,而是编译调试命令,输出的结果在调试控制台中显示。

在这里插入图片描述

进阶 设置成经典的弹出黑窗运行程序的形式(在系统终端中运行程序)

有的小伙伴可能觉得调试控制台不太好用,想要vscode编译运行c/c++程序时弹出终端,在终端中运行程序,这点其实也很简单,我们只需要改变launch.json中的 program 和 args 中的内容,然后设置一下黑窗弹出即可。

问:为什么不设置成在vscode内置终端中运行程序?
答:vscode使用gdb调试不提供在vscode内置终端中运行程序的配置项。

如果想要设置成在vscode内置终端中运行程序,请参考配置方法一或配置方法三

注意:使用系统终端(cmd)运行程序无法使用断点调试,所以请酌情配置

像我这种用vscode写写算法题目的,就不太需要断点,所以配置成弹出黑窗的形式更好些。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

我的program 和 args 中的内容:

        "program": "C:\\Windows\\System32\\cmd.exe",        "args": [            "/c",            "${fileDirname}\\build\\${fileBasenameNoExtension}.exe", // 更改这项内容为task.json中生成的exe程序路径就好            "&",            "pause"        ],

完成后的效果
在这里插入图片描述

配置方法三 使用windows调试 - 比较复杂

有的小伙伴不想用run code,但是又想达到run code那样能在vscode内置终端中执行程序的效果,可以尝试下使用windows调试。(实际上就是只编译运行程序,没有任何辅助调试程序的功能)

注意:该配置方法无法使用断点调试。

第一步 配置编辑器环境

同配置方法二中的第一步

第二步 配置task.json 编译任务

同配置方法二中的第二步

第三步 配置launch.json 调试任务

先自建一个lanuch.json文件(参考配置方法二中的第三步)

如果lanuch.json中有内容的话,先把configurations中的内容注释掉或者删除掉全选configurations中的内容,按下快捷键ctrl + / 即可快速注释选中内容。

在这里插入图片描述

然后我们点击添加配置,选择windows启动

在这里插入图片描述

在这里插入图片描述

我们只需要修改两项内容即可

第一处:program - 可执行程序路径

该项内容表示调用的程序路径,其值应和task.json中生成的exe程序路径相同,否则会由于无法找到可执行的程序而报错

第二处:preLaunchTask - 调试之前执行的编译任务

该项值表示启动gdb调试器之前使用的编译任务,其值等于task.json中的label。该项内容并不会自动生成,因此需我们手动编写。

在这里插入图片描述
在这里插入图片描述

注意配置项: console - 启动调试目标的位置

通过更改该项的值,我们可以自由地切换在系统终端中运行程序还是在vscode终端中运行程序该项值为 externalTerminal 则是在系统终端中运行程序该项值为 integratedTerminal 则是在vscode终端中运行程序

在这里插入图片描述

我们把该项值改为 integratedTerminal 即可在vscode终端中运行程序

在这里插入图片描述

最终效果:

在这里插入图片描述

通用问题

问题一:vscode终端出现乱码

问题分析

因为Vscode默认编码是UTF-8,但在中国地区下的windows系统终端默认编码是GBK,所以会出现编码问题(可以在终端中输入chcp指令查看一下编码)

在这里插入图片描述

这里显示的是936就是GBK编码

解决方案

我们只需要更改以下编辑器编码即可
点击 文件 -> 首选项 -> 设置 或按 ctrl + , 快捷键打开设置
在上方搜索框中搜索Encoding
找到Files:Encoding,改为GBK(全称:Simplified Chinese)编码即可
然后关闭vscode,重进一下就好了。

注意:编辑器编码更改后,原本正常显示的字符可能会变为乱码

在这里插入图片描述

全篇结束,感谢阅读!如果有任何疑问可以评论区留言(因为水平有限,有些问题不一定能解答哈)!

编辑器插件推荐:

GitHub Theme:主题插件,本文中所展示的编辑器主题,Github Light纯白看起来非常的舒适。vscode-icons:图标插件,本文中所展示的图标,有了图标,侧边栏看起来鲜活些。codeSnap:工具插件,一件生成代码截图,用来分享代码,非常的nice。

点击全文阅读


本文链接:http://zhangshiyu.com/post/57695.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1