VSCode 中 C/C++ 安装、配置、使用全攻略:小白入门指南

引言

本文为Windows系统下安装配置与使用VSCode编写C/C++代码的完整攻略,示例机器为Windows11。
通过本文的指导,你可以成功在Windows 机器上上使用VSCode进行C/C++开发。

在文章开始之前,你可以先阅读下面这段话,以便于对步骤有个大致的了解:

  • 首先,从VSCode官网下载并安装VSCode,确保安装路径为全英文
  • 接着,下载并安装MinGW,以提供GCC等编译器,确保其路径也为全英文
  • 然后,配置MinGW的环境变量,使系统能够识别GCC编译器;
  • 最后,在VSCode中安装必要的C/C++插件,创建并编译一个简单的C++程序,验证配置的正确性。

一、VSCode下载安装

首先进入👉VSCode官网
或者直接网页搜索

进入之后,点击右上角的 Dowload在这里插入图片描述

然后点击如下图所示 第二个
(不要直接Windows下载按钮)
在这里插入图片描述
然后就可以看到正在下载了
下载完成之后进入下一步

注意:
VSCode的下载路径一定是要全英文的
VSCode的下载路径一定是要全英文的
VSCode的下载路径一定是要全英文的

不然的话后面编译的时候报错,再想改就比较麻烦了

二、MinGw下载安装

为什么需要MinGW?
因为Windows系统本身未内置C++编译器,而VSCode只是一个空壳,它是编辑器无编译功能,MinGW能提供GCC等编译器,可在Windows上实现C++代码编译

首先进入👉MinGW官网
然后根据下面的图片一步步操作,来下载
在这里插入图片描述
在这里插入图片描述

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

进入GitHub获取下载链接
在这里插入图片描述

注意
这里看好,不要下错了
要下载的版本是
x86 64-15.1.0-release-posix-seh-ucrt-rt_v12-rev0.7z
在这里插入图片描述

在这里插入图片描述
点击之后,等待下载完成即可
下载完成之后,建议把MinGW也放到和VSCode一个路径下,为了方便后面查找
MinGW的路径也必须是全英文的

三、MinGw配置环境变量

配置环境变量是为了让系统在任何路径下都能找到MinGW提供的编译器等工具,方便在命令行或编辑器中直接执行编译命令

首先,回到桌面
右击我的电脑,点击属性
在这里插入图片描述
然后点击高级系统设置
我这里是Windows11,Windows10的高级系统设置的位置可能略有不同
在这里插入图片描述
点击环境变量
在这里插入图片描述

在下方系统变量里
找到path变量 双击打开它

在这里插入图片描述

然后点击右上方 新建
在这里插入图片描述
这里将你的MinGW的bin文件的路径复制过去即可,如下图所示
这里最后再检查一下你的路径是否是全英文的

在这里插入图片描述

然后,返回到桌面,键盘按下win +R
呼唤出Windows的命令对话框
输入 cmd ,点击确定
在这里插入图片描述
输入 gcc -v
在这里插入图片描述
在这里插入图片描述
在命令行中执行gcc -v 能正常输出版本等相关信息 ,包括 GCC 版本号(这里是 15.1.0 )、目标架构(x86_64-w64-mingw32 )、配置选项、线程模型(posix )等内容,说明系统已识别到 GCC 编译器,也就意味着 MinGW 安装是有效的,可以用来进行 C/C++ 等语言的编译工作

常见问题如果提示"不是内部或外部命令",请检查:

  • 环境变量是否配置正确
  • 是否重启了命令行窗口
  • 路径是否包含中文或特殊字符

至此,MinGw的环境变量配置成功

四、VSCode编写/编译 C/C++代码

接下来,打开VSCode

汉化

点击左边的扩展搜索Chinese - 安装汉化插件
(我这里是已经安装好了)
在这里插入图片描述

C/C++插件安装

我们还需要安装三个插件来帮助我们高效的敲代码

  • C/C++ :提供代码智能补全、语法高亮、错误检查、调试支持等功能 ,助力高效开发 C/C++ 程序,还支持跨平台开发及远程代码编辑调试。
  • C/C++ Themes:不涉及代码功能实现,提供一系列专为 C/C++ 开发优化的颜色主题,可减轻长时间编码视觉疲劳,便于通过颜色区分代码结构,提升编码体验。
  • C/C++ Extension Pack :是一个扩展包集合,包含 C/C++ 等常用扩展,安装它相当于一站式安装多个对 C++ 开发有用的扩展,涵盖代码编辑、调试、主题等多方面支持 。

安装下图三个插件
在这里插入图片描述

测试与使用

在本地你的代码保存路径下,创建一个文件夹来保存系列代码(最好是全英文路径,避免不必要的麻烦)
然后,在VSCode,点击左上角文件–打开文件夹
在这里插入图片描述
再点击 新建文件夹
创建一个你准备存储这次代码文件的文件夹
在这里插入图片描述
右键 点击新建的文件夹
点击 新建文件
这里的文件类型取决于你的文件后缀
比如我这里以.cpp为后缀 就是C++文件
在这里插入图片描述
然后随便编写一段测试代码
在这里插入图片描述

点击所图所示的 调试/运行
点击 调试C/C++文件
在这里插入图片描述
然后在上面弹出来的选择框里
因为这里是C++文件,
所以 选择g++ 编译

在这里插入图片描述
之后,看到终端输出 hello world
就表示可以正常编译了
在这里插入图片描述

至此,大功告成
你的VSCode已经可以完成基础的编辑/编译/运行了
其他更多的功能,比如其他插件,主题、字体、颜色、背景等
可以自己慢慢探索

结语

通过本指南,您已成功配置了 VSCode 的 C/C++ 开发环境。接下来可以:

  • 探索更多 VSCode 功能(如 Git 集成、代码片段等)
  • 学习现代 C++ 特性(C++11/14/17/20)
  • 尝试构建更复杂的项目

如有任何问题,欢迎在评论区留言讨论。如果本指南对您有帮助,请点赞收藏支持作者!

评论 80
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

倔强的石头_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值