VS Code 如何搭建C/C++开发环境

微软技术分享 微软全球最有价值专家
全栈领域优质创作者
博客专家认证
2025-05-05 19:52:01

Visual Studio Code 简称 VS Code,是一款跨平台的、免费且开源的现代轻量级代码编辑器,支持几乎主流开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段提示、代码对比等特性、也拥有对git的开箱即用的支持。同时、它还支持插件扩展,通过丰富的插件,用户能获得更多高效的功能。

一般有稳定版和体验版两个版本。

2. VS Code的下载和安装

2.1 下载和安装

2.2.1 下载

下载地址:Visual Studio Code - Code Editing. RedefinedVisual Studio Code redefines AI-powered coding with GitHub Copilot for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

https://code.visualstudio.com/

https://code.visualstudio.com/

迅雷链接:

迅雷云盘迅雷云盘

https://pan.xunlei.com/s/VOJ4TaX7OG6cK489gNBNqnPvA1?pwd=fddh

https://pan.xunlei.com/s/VOJ4TaX7OG6cK489gNBNqnPvA1?pwd=fddh

  1. 点击Download

https://i-blog.csdnimg.cn/direct/55df8fdcab334955a64e3cd45bf33c61.png

  1. 点击Windows下载

https://i-blog.csdnimg.cn/direct/2e0621e9f95a4dc3a6fa82674934a8cd.png

3.下载中,等待任务栏下载完成即可

https://i-blog.csdnimg.cn/direct/9b3922f5fac34986b563f318d6646bd4.png

2.2.2 安装

  1. 右击以管理员身份打开我们的可执行程序

https://i-blog.csdnimg.cn/direct/4ca537420cb3461a984b21943202c333.png

  1. 点击同意此协议,然后下一步

https://i-blog.csdnimg.cn/direct/3a6fa52d6bfe46c19fba485807ea6e51.png

  1. 更改路径

https://i-blog.csdnimg.cn/direct/7abbc3e40455428f929ad1e0a12a7305.png

在这里可以更改软件的安装位置,我呢喜欢装在D盘,你也可以自己选择。然后点击下一步。

  1. 点击下一步

https://i-blog.csdnimg.cn/direct/9afa815f705a429e868630e16b850d06.png

  1. 选择项

https://i-blog.csdnimg.cn/direct/c936d8e30b144313a6e29066702c1aa8.png

可以全部勾选上,至于快捷方式,看个人自己,然后点击下一步。

  1. 安装

https://i-blog.csdnimg.cn/direct/ec89141a71ec4a59966403abc79b3775.png

  1. 等待安装完成

https://i-blog.csdnimg.cn/direct/0088bb045fd740979962d26a973c1d4f.png

  1. 点击完成

https://i-blog.csdnimg.cn/direct/bbccab5486bc42b8880ffb07a6b1f7dd.png

此时我们的VS Code就安装完成了。

2.2 环境的介绍

打开我们安装好的VS Code软件。

https://i-blog.csdnimg.cn/direct/a6239fe5ec5a4c91abb6ef8882f67697.png

2.3 安装中文插件

毕竟这个VSCode默认是英文的,我们使用不习惯的话,可以安装中文插件,将VSCode的界面汉化的,

https://i-blog.csdnimg.cn/direct/867f5bdff91041db81498a73d5259bec.png

下载完成点击右下角.重启一下即可。

https://i-blog.csdnimg.cn/direct/172eff5cb26441a5addc43387d201541.png

再次打开我们就汉化好了。

https://i-blog.csdnimg.cn/direct/ea7ba016a0474f41b76d16275d572942.png

3. VS Code配置C/C++开发环境

VSCode 安装好之后,我们还是要知道,VSCode毕竟是一个高级的编辑器,只能用来写C/C++代码,不能直接编译代码。所以,如果我们要能使用VSCode搭建C/C++的编译和调试环境,还必须有编译器使用。为了方便,我们就使用 MinGw-w64, MinGw-w64 移植到windows平台的一个gcc编译器,使用起来也是非常方便的。

3.1 下载和配置MinGW-w64编译器套件

3.1.1 下载

下载地址:https://sourceforge.net/projects/mingw-w64/files/

https://sourceforge.net/projects/mingw-w64/files/

https://sourceforge.net/projects/mingw-w64/files/

https://i-blog.csdnimg.cn/direct/52ae497caf4e4bd6a40ccb811b97bbb7.png

 建议选择这个版本。

迅雷链接:

迅雷云盘迅雷云盘

https://pan.xunlei.com/s/VOJ9ibzwlQ452IPLeoQ4jTAdA1?pwd=k4iw#

https://pan.xunlei.com/s/VOJ9ibzwlQ452IPLeoQ4jTAdA1?pwd=k4iw#接下来就是解压,解压出来后,进到文件夹中,拷贝mingw64这个文件夹到一个最简单的目录下,路径的名字不要有中文、空格、特殊字符等。

https://i-blog.csdnimg.cn/direct/4e00460e09f14e8bb4306e2640b44fe3.png

此时mingw64的编译器的路径就是: D : \mingw64

https://i-blog.csdnimg.cn/direct/d5e3d1c63c22430e8c8b25f5bc7de3e9.png

3.1.2 配置

配置MinGW64:

在windows电脑上,按win+s快捷键,或者直接在搜索框中搜索:环境变量

https://i-blog.csdnimg.cn/direct/43d3167f68574326a60908d4b300cadc.png

进入系统属性,点击【环境变量】

https://i-blog.csdnimg.cn/direct/b9b109d20fde480898d8e116ab1f7814.png

修改path环境变量

https://i-blog.csdnimg.cn/direct/764d81fa98034da3b662d292ac21c4db.png

添加环境变量

https://i-blog.csdnimg.cn/direct/b06877d6111746e2a5f6e9fc87e90b19.png

添加的是mingw64的bin目录,我的我是放在了D盘下的。

https://i-blog.csdnimg.cn/direct/ad6345dfa93a4451ab85425a3fed4269.png

然后一路确定下去即可。

验证一下:

在windows电脑上打开cmd窗口,输入:gcc --version或者 where gcc,要是能看到下面的界面,就说明minGW-w64的编译器套件依旧配置好了。

https://i-blog.csdnimg.cn/direct/669544f1929f4bafa026792ac429e94c.png

到此为止,Windows版本的gcc/g++编译器已经配置好了,如果你会使用gcc/g++命令行编译代码的话,已经可以正常使用了,但是我们如果使用VSCode来写代码,并且完成编译,还是不够的。

3.2 安装C/C++插件

要在VSCode上编译代码,还得配置C/C++插件,再次在扩展中搜索C/C++,点击安装。

https://i-blog.csdnimg.cn/direct/48eafbc1fc864d08a59c85f95d895703.png

3.3 重启VSCode

这一步很重要,让前面的设置生效,要不然后面会出现问题。

这一步很重要,让前面的设置生效,要不然后面会出现问题。

4. 在VSCode上编写C语言代码并编译成功

4.1 打开文件夹

在VSCode上写代码都是首先要打开文件夹的,这样也方便管理代码和编译器产生的可执行程序,和VSCode生成的配置文件等。

在写代码之前,我们要想清楚要把代码放在什么地方管理,比如在F盘下创建一个Code文件夹,用来管理我所写的代码,然后里面再创建一个文件夹,存放我的一个工程文件。

https://i-blog.csdnimg.cn/direct/0e5c59737960464b9d2b2279a9150acf.png

在我们写代码前先创建好文件夹,然后在VSCode中打开所新建的文件夹。

https://i-blog.csdnimg.cn/direct/882fa32f549c4e0b95218a8dda51a544.png

选择我们刚刚创建的文件夹。

https://i-blog.csdnimg.cn/direct/3573e356a4694c1fb3269ab046670d63.png

然后点击信任此作者

https://i-blog.csdnimg.cn/direct/336756600f8b4c1a8892d028df88fe77.png

然后在左边就能看见我的文件夹了,名字被大写了,这是VSCode的一个特点。

https://i-blog.csdnimg.cn/direct/69beb0e248ae44148020f6972621763d.png

4.2 新建C语言文件,编写C语言代码

创建C语言文件:

https://i-blog.csdnimg.cn/direct/cbcf97bfc9d1481180803d9f5f043ced.png

编写代码:

https://i-blog.csdnimg.cn/direct/09f7466617e74e429c439c7f09ace3cb.png

代码写好了,接下来我们要编译代码。

4.3 设置C/C++编译的选项: c_cpp_properties.json

鼠标点在.c的源文件内部,按ctrl+shift+p快捷键,在弹出的界面中选择:【C/C++:编辑配置(UI)】,然后进入设置页面。(找不到了可以搜一下)

https://i-blog.csdnimg.cn/direct/3904ffb965a746b48d070dbefc0c8dc2.png

选择编译器:

https://i-blog.csdnimg.cn/direct/2b5dcd89176f4b53b72e52438ae6843a.png

点开小三角,选择mingw64下的bin目录下的gcc.exe,因为我还装了VS2019,所以选项很多。 

IntelliSense模式配置:

https://i-blog.csdnimg.cn/direct/3fc951459b91429ea822580294874a77.png

当我们配置好之后旁边会多出一个.vscode的文件。

https://i-blog.csdnimg.cn/direct/2cfdbdd0007d4ba0946bb8ed8ab28844.png

这个里面就指定了我们用的编译器是什么样的编译器,windows下的sdk是什么样的,以及C语言和C++编译的标准,代码提示的模式是什么。

4.4 创建执行任务: tasks.json

要编译代码,我们接下来,在终端中:配置任务:

https://i-blog.csdnimg.cn/direct/1c885479b5c646808c0b8ec5e53f7254.png

在弹出的页面中,选择【C/C++:gcc.exe 生成活动文件】

https://i-blog.csdnimg.cn/direct/f9a428e622274478a02b9b882bfeef69.png

因为我这里还装了vs2019,所以有第一个,这里我们只需要选择第二个即可。

这时就生成了一个tasks.json文件,这个文件是专门是用来执行代码的编译任务的。

https://i-blog.csdnimg.cn/direct/2a1431f1b07445bb9d074cc61f190173.png

4.5 编译+执行

4.5.1 编译

完成上述的步骤,我们就准备好了所有的准备,接下来就可以编译并生成可执行程序了。

具体操作如下:

  • 鼠标点在要编译的C语言代码中
  • 然后执行【终端】-> 【运行生成任务】

具体操作如下:

  • 鼠标点在要编译的C语言代码中
  • 然后执行【终端】-> 【运行生成任务】

https://i-blog.csdnimg.cn/direct/efc119f29dd24f4bb2d8600905a1f370.png

如果一切正常的话,我们就能看到【终端】提示,就说明编译成功了。

https://i-blog.csdnimg.cn/direct/7b8635f8529e43b9b377abb3d8a8c1f0.png

然后这个时候旁边也就生成了可执行程序.exe文件了。

4.5.2 执行

按键盘的ctrl+`快捷键,打开VSCode自带的终端,就可以运行代码了。

这是输入:.\可执行程序的名字,即可以执行代码。

https://i-blog.csdnimg.cn/direct/28598d679a8148b8bcfd894d300442cb.png

4.6 再写一个代码怎么办?

4.6.1 方法一

4.6.1.1 新建文件

如果你的代码还是单独的一个c文件,在当前打开文件夹就可以编写,那直接在当前打开的文件夹中新建.c源文件,编写代码,对当前的代码执行和上面一样的操作。

https://i-blog.csdnimg.cn/direct/5ab59ced2c33463eaec11ae4cf1a053c.png

4.6.1.2 执行

https://i-blog.csdnimg.cn/direct/a86f78eab9f644e99f60be3cd78c5ad2.png

4.6.2 方法二

如果你要写的代码需要单独文件夹管理,那就再次打开新的文件夹来编写代码,编译和执行了。

比如新的代码放在2025_02_17_test下面。

4.6.2.1 新建文件夹2025_02_17_test

https://i-blog.csdnimg.cn/direct/6f6f7c98ddc74aeda31b21363c6dd7b5.png

4.6.2.2. 打开文件夹选择2025_02_17_test

首先关闭掉之前打开的文件

https://i-blog.csdnimg.cn/direct/4094b140f57b4ca990e4372b06d07647.png

然后打开新的文件

https://i-blog.csdnimg.cn/direct/7af4fb9ae5f043d99b17af51a5874dc5.png

然后点击信任此作者

https://i-blog.csdnimg.cn/direct/4987fd0c701a4831bcc7ba0f119aa813.png

4.6.2.3 编写代码

https://i-blog.csdnimg.cn/direct/bf70e2c9882e4df19c132427e6112100.png

4.6.2.4 拷贝配置文件

https://i-blog.csdnimg.cn/direct/8809ab1037514adaad14bda94b5fa997.png

这样时候我们就可以看到配置文件了,我们只需拷贝之前配置的就可以,不需要自己再次配置,拷贝过来啥都不需要修改。

https://i-blog.csdnimg.cn/direct/8dbefd989b1d4dcb950e79dff312e676.png

4.5.2.5 编译+执行

https://i-blog.csdnimg.cn/direct/c8b48ea328ee44868cd87a97431c3ae2.png

4.7 一个工程中有多个.c文件怎么办?

4.7.1 创建文件

假设我们在一个工程中,下面有多个文件需要编译,这个我就直接在上次的工程中创建了,效果是一样的。

https://i-blog.csdnimg.cn/direct/18a5690bf9c74fa09c5e564666f34ce9.png

4.7.2 编写代码

现在只有一个main函数,然后main函数中调用别的文件中的函数。

https://i-blog.csdnimg.cn/direct/0f6c2dddbbd14313945904bf414686fc.png

4.7.3 修改配置文件tasks.json并验证结果

要能够编译一个文件中的多个文件,需要定制tasks.json文件的内容

编译多个源文件代码:

  • 通过把"${file}"修改为"${workspaceFolder}\*.c",可以构建当前工作区的所有C文件。
  • 通过把"${file}"修改为"${workspaceFolder}\*.cpp",可以构建当前工作区的所有C++文件。
  • 通过把"${file}"修改为"${workspaceFolder}\*.c",可以构建当前工作区的所有C文件。
  • 通过把"${file}"修改为"${workspaceFolder}\*.cpp",可以构建当前工作区的所有C++文件。

修改编译输出的文件名:

  • 通过把"${fileDirname}\${fileBasenameNoExtension}.exe",修改为:"${workspaceFolder}\myProgram.exe",可以把编译输出的文件名硬编码为myProgram.exe,而不是与C文件同名。效果看4.7.3.1
  • 通过把"${fileDirname}\${fileBasenameNoExtension}.exe",修改为:"${workspaceFolder}\${workspaceRootFolderName}.exe",可以把编译输出的文件名为:打开的工作区文件夹名字。效果看4.7.3.2
  • 通过把"${fileDirname}\${fileBasenameNoExtension}.exe",修改为:"${workspaceFolder}\myProgram.exe",可以把编译输出的文件名硬编码为myProgram.exe,而不是与C文件同名。效果看4.7.3.1
  • 通过把"${fileDirname}\${fileBasenameNoExtension}.exe",修改为:"${workspaceFolder}\${workspaceRootFolderName}.exe",可以把编译输出的文件名为:打开的工作区文件夹名字。效果看4.7.3.2
4.7.3.1 效果一

https://i-blog.csdnimg.cn/direct/21473381c2864901bfbd707b71ed24c1.png

4.7.3.2 效果二

https://i-blog.csdnimg.cn/direct/889a3529a044426e8e462c1b5f06fd72.png

4.7.4 编译 + 运行

https://i-blog.csdnimg.cn/direct/31b5401d681542f38fb448fbdfd956f7.png

5. VSCode 怎么写C++的代码呢?

5.1 创建文件,编写代码

https://i-blog.csdnimg.cn/direct/88c9e3c34b374808aac7e811222f7098.png

5.2配置g++.exe为编译器

鼠标点在.cpp的源文件内部,按ctrl+shift+p快捷键,在弹出的界面中选择:【C/C++:编辑配置(UI)】,然后进入设置页面。

找到配置名称,这里我们再添加一个C++的配置,点击【添加配置】

https://i-blog.csdnimg.cn/direct/3f36c1d5258348a8bb4ebbe2193bf3ce.png

输入C++,当然你也可以根据自己的喜好命名,然后点击确定。

https://i-blog.csdnimg.cn/direct/ccfb9b3ec9c34f17a79e4d91b203d7a2.png

编译器路径,根据自己的mingw64的路径,g++.exe。

https://i-blog.csdnimg.cn/direct/1d5121267778482cb542860084e1f4b1.png

代码提示:

https://i-blog.csdnimg.cn/direct/3fce7c846bc74715b888e406858ae536.png

这时再c_cpp_propertise.json文件中就能看到一个名字叫:C++配置。

https://i-blog.csdnimg.cn/direct/3776e9f9424349439964aeb1d3f716e2.png

5.3 生成C++源文件编译的tasks信息

点中.cpp文件,菜单中在终端下配置任务。

https://i-blog.csdnimg.cn/direct/c48f85ff4ab444c48362b884099f6a8b.png

选择g++.exe 生成活动文件

https://i-blog.csdnimg.cn/direct/0ab451c881f84bfda6451e47dc136fdf.png

这个时候就在tasks.json中生成了C++的编译选项了

https://i-blog.csdnimg.cn/direct/ffab6c08888d4e1ca93293f301e13a16.png

这个时候如果想修改的话前面也写了,按照前面的修改即可,默认也行。

5.4 编译 + 执行

https://i-blog.csdnimg.cn/direct/e601c125108a467cbc2ee424a8f0e992.png

在弹出的框中选择g++

https://i-blog.csdnimg.cn/direct/2083ad9268b64ac0ba61c998da09af39.png

然后运行 

https://i-blog.csdnimg.cn/direct/ed4cfdff996a4fdf92b2795395e41be0.png

6. VSCode的调试

前面的都是如何去编译代码,当我们生成一个可执行程序的时候,如果遇到运行时问题,我们就要想办法调试代码,那么VSCode如何调式代码呢?

其实在VSCode上调试关键也是依赖一个配置文件叫:launch.json。

6.1 创建launch.json文件

首先点击调试,创建launch.json文件,然后选择【C++(GDB/LLDB)】

https://i-blog.csdnimg.cn/direct/154708e5f22a4c13901877329912a157.png

添加配置

https://i-blog.csdnimg.cn/direct/79146630aaab40b68e35d175eec2c32e.png

选择C/C++ gdb启动

https://i-blog.csdnimg.cn/direct/4c10053ef9944834a0cbf6d8b282fe12.png

6.2 修改配置文件

https://i-blog.csdnimg.cn/direct/229dc77f043b4103999d7556016f11fb.png

  • 修改"program"为:"${workspaceFolder}\${workspaceRootFolderName}.exe" ,这个内容和tasks.json中的可执行文件的路径匹配。
  • 修改"miDebuggerPath"为:"D:\mingw64\bin\gdb.exe",这个路径根据自己实际方MinGW-w64的文件路径调整。(图片中的program有问题,参考这段文字中的配置)
  • 修改"program"为:"${workspaceFolder}\${workspaceRootFolderName}.exe" ,这个内容和tasks.json中的可执行文件的路径匹配。
  • 修改"miDebuggerPath"为:"D:\mingw64\bin\gdb.exe",这个路径根据自己实际方MinGW-w64的文件路径调整。(图片中的program有问题,参考这段文字中的配置)

6.3 开始调试

当launch.json文件生成后,我们只要打断点开始调试就行。

调试的快捷键和VS系列的IDE是一样的,如:

  • F9 -- 打断点/取消断点
  • F5 -- 启动调试
  • F11 -- 逐语句调试
  • F10 -- 逐过程调试

启动调试后,也是可以使用监视窗口查看变量等程序执行过程中的信息。

调试的快捷键和VS系列的IDE是一样的,如:

  • F9 -- 打断点/取消断点
  • F5 -- 启动调试
  • F11 -- 逐语句调试
  • F10 -- 逐过程调试

启动调试后,也是可以使用监视窗口查看变量等程序执行过程中的信息。

https://i-blog.csdnimg.cn/direct/06e11519a08e4fa497db28ef70e9f417.png

  


文章来源: https://blog.csdn.net/m0_74271757/article/details/145644380
版权声明: 本文为博主原创文章,遵循CC 4.0 BY-SA 知识共享协议,转载请附上原文出处链接和本声明。


...全文
33 回复 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
内容概要:本文档旨在帮助Linux用户(支持Ubuntu/Debian/CentOS等主流发行版)零基础入门,在VS Code中快速搭建C语言编译与调试环境。文档详细介绍了环境安装(包括VS Code、C/C++编译器GCC的安装方法)、VS Code扩展安装(如C/C++Code Runner等),配置C语言开发环境(创建项目、配置编译任务tasks.json、调试环境launch.json),以及编译与调试的具体步骤(手动编译运行、使用Code Runner扩展、设置断点调试等)。此外,还涵盖了常见问题解决(如权限问题、调试报错、找不到命令、乱码问题)和扩展优化(多文件编译、使用Makefile管理项目)等内容。 适合人群:适用于对Linux系统有一定兴趣,想要学习C语言开发的新手,尤其是那些刚开始接触Linux环境下的软件开发的初学者。 使用场景及目标:①希望在Linux环境下进行C语言编程的学习者;②需要快速搭建C语言开发环境,掌握编译、调试技巧的开发者;③解决在搭建过程中遇到的各种常见问题,确保开发环境稳定可靠。 阅读建议:此文档以实际操作为导向,内容详尽且步骤明确,读者应按照文档指引逐步操作,同时注意每一步的细节和可能出现的问题,建议边学习边实践,遇到问题及时查阅文档中的解决方案。

5,179

社区成员

发帖
与我相关
我的任务
社区描述
微软技术社区为中国的开发者们提供一个技术干货传播平台,传递微软全球的技术和产品最新动态,分享各大技术方向的学习资源,同时也涵盖针对不同行业和场景的实践案例,希望可以全方位地帮助你获取更多知识和技能。
windowsmicrosoft 企业社区
社区管理员
  • 山月照空舟
  • 郑子铭
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

微软技术社区为中国的开发者们提供一个技术干货传播平台,传递微软全球的技术和产品最新动态,分享各大技术方向的学习资源,同时也涵盖针对不同行业和场景的实践案例,希望可以全方位地帮助你获取更多知识和技能。

予力众生,成就不凡!微软致力于用技术改变世界,助力企业实现数字化转型。

试试用AI创作助手写篇文章吧