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

举报
倔强的石头_ 发表于 2025/10/13 19:00:02 2025/10/13
【摘要】 本文为Windows系统下安装配置与使用VSCode编写C/C++代码的完整攻略,示例机器为Windows11。 通过本文的指导,你可以成功在Windows 机器上上使用VSCode进行C/C++开发。

引言

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

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

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

@[toc]

一、VSCode下载安装

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

进入之后,点击右上角的 Dowload
image.png

然后点击如下图所示 第二个
(不要直接Windows下载按钮)
image.png

然后就可以看到正在下载了
下载完成之后进入下一步

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

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

二、MinGw下载安装

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

首先进入MinGW官网
然后根据下面的图片一步步操作,来下载
image.png

image.png

image.png

image.png

进入GitHub获取下载链接
image.png

注意
这里看好,不要下错了
要下载的版本是
x86 64-15.1.0-release-posix-seh-ucrt-rt_v12-rev0.7z
image.png

image.png

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

三、MinGw配置环境变量

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

首先,回到桌面
右击我的电脑,点击属性
image.png

然后点击高级系统设置
我这里是Windows11,Windows10的高级系统设置的位置可能略有不同
image.png

点击环境变量
image.png

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

image.png

然后点击右上方 新建
image.png

这里将你的MinGW的bin文件的路径复制过去即可,如下图所示
这里最后再检查一下你的路径是否是全英文的

image.png

然后,返回到桌面,键盘按下win +R
呼唤出Windows的命令对话框
输入 cmd ,点击确定
image.png

输入 gcc -v
image.png

image.png

在命令行中执行gcc -v 能正常输出版本等相关信息 ,包括 GCC 版本号(这里是 15.1.0 )、目标架构(x86_64-w64-mingw32 )、配置选项、线程模型(posix )等内容,说明系统已识别到 GCC 编译器,也就意味着 MinGW 安装是有效的,可以用来进行 C/C++ 等语言的编译工作

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

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

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

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

接下来,打开VSCode

汉化

点击左边的扩展搜索Chinese - 安装汉化插件
(我这里是已经安装好了)
image.png

C/C++插件安装

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

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

安装下图三个插件
image.png

测试与使用

在本地你的代码保存路径下,创建一个文件夹来保存系列代码(最好是全英文路径,避免不必要的麻烦)
然后,在VSCode,点击左上角文件–打开文件夹
image.png

再点击 新建文件夹
创建一个你准备存储这次代码文件的文件夹
image.png

右键 点击新建的文件夹
点击 新建文件
这里的文件类型取决于你的文件后缀
比如我这里以.cpp为后缀 就是C++文件
image.png

然后随便编写一段测试代码
image.png

点击所图所示的 调试/运行
点击 调试C/C++文件
image.png

然后在上面弹出来的选择框里
因为这里是C++文件,
所以 选择g++ 编译

image.png

之后,看到终端输出 hello world
就表示可以正常编译了
image.png

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

结语

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

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

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

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。