【2025最新】vscode配置c/c++环境保姆级教程超详细C/C++开发环境配置+vscode插件(附安装包)

在这里插入图片描述

大家好!今天给各位分享一篇超详细的Visual Studio Code(简称VSCode)配置教程,尤其适合正在学习C/C++编程的新手同学们。VSCode配置C/C++环境对很多初学者来说是个难题,但通过这篇保姆级教程,从VSCode下载、VSCode安装到VSCode插件配置,全部细节我都会一一为你讲解清楚!绝对是市面上最全面的配置指南!

前言

提到代码编辑器,VSCode下载量居高不下的原因是它既轻量又功能强大。作为程序员必备的编辑工具,VSCode已经成为当今最受欢迎的开发环境之一。特别是通过安装丰富的VSCode插件,它能够支持几乎所有的编程语言。对C/C++这样的经典语言,正确配置后的VSCode不仅可以实现智能提示,还能进行断点调试,绝对是你高效编程的得力助手!

接下来我会手把手教你完成VSCode安装和VSCode配置C/C++环境的全过程,即使是零基础小白也能轻松掌握(超详细步骤无死角)!

VSCode下载与安装步骤

首先,我们需要完成VSCode下载和安装主程序的过程:

  1. 打开你已经下载好的VSCode压缩包,解压后里面有一个安装包(这就是我们需要的VSCode安装程序!)
    vscode 获取方式有两种:

在这里插入图片描述

  1. 双击运行这个安装包,在弹出的界面中勾选【同意】然后点击【下一步】

在这里插入图片描述

  1. 接下来按照默认设置一路点击【下一步】直到安装完成

  2. 安装成功后,桌面和开始菜单会出现VSCode的图标,这标志着VSCode安装的基础步骤已经成功完成啦!

vscode设置中文

VSCode默认是英文界面,对国内用户不太友好,下面我们来配置VSCode中文界面:

  1. 打开刚安装好的VSCode,先点击最左侧边栏的最后一个图标(扩展商店,是个方块图标)

在这里插入图片描述

  1. 在VSCode插件搜索框中输入"chinese",会看到第一个VSCode插件选项是中文语言包,点击【install】按钮

在这里插入图片描述

  1. 安装完成后,按下键盘组合键【Ctrl+Shift+P】。

  2. 此时界面顶部会出现一个带有 > 符号的搜索框(特别注意:不要先点搜索框再按快捷键,而是在页面任意灰色空白处按下快捷键!)

  3. 在弹出的搜索框中输入"language",然后选择【Configure Display Language】选项

  4. 从下拉菜单中选择【中文(简体)】

在这里插入图片描述

  1. 点击【Restart】按钮,软件会自动重启

在这里插入图片描述

  1. 重启后,恭喜你!VSCode中文界面设置成功。

在这里插入图片描述

c/c++插件安装:配置C/C++环境必备

要在VSCode中进行C/C++编程,VSCode配置C/C++环境的第一步就是安装对应的VSCode插件:

  1. 和前面安装VSCode中文语言包一样,点击左侧边栏从上往下数第5个按钮(VSCode插件商店图标)

  2. 在VSCode插件搜索框中输入"c",第一个搜索结果就是我们需要的C/C++插件

  3. 点击【安装】按钮,等待VSCode插件安装完成(这个插件是VSCode配置C/C++环境的核心组件!)

在这里插入图片描述

解压配置mingw64编译器(VSCode配置C/C++环境的关键)

接下来是VSCode配置C/C++环境的关键步骤,没有编译器再好的VSCode插件也无法工作:

  1. 在附件中找到mingw64的压缩包,双击打开

在这里插入图片描述

  1. 将它解压到一个你喜欢的位置(但是要特别注意:路径中绝对不能包含中文字符!!!这点对VSCode配置C/C++环境极其重要)

在这里插入图片描述

  1. 记住这个路径,后面的VSCode配置会用到它(这点非常重要,可以先复制下来备用)

修改C/C++插件配置文件

现在我们需要告诉VSCode如何使用mingw64来编译我们的C/C++代码(这是VSCode配置C/C++环境最关键的一步):

  1. 安装包中有一个code文件夹,这里面包含了我们预先编写好的VSCode配置文件

  2. 将这个文件夹拖放到你喜欢的位置,作为你平时写代码的工作目录

在这里插入图片描述

  1. code文件夹下包含两个子文件夹,分别对应C语言和C++,根据你的需求选择一个

在这里插入图片描述

  1. 以C语言为例,进入对应文件夹,可以看到有一个.vscode文件夹

在这里插入图片描述

  1. .vscode文件夹内包含了三个json配置文件,这些都是VSCode的设置,与VSCode插件代码编译相关的配置

在这里插入图片描述

  1. 这三个文件都需要打开并修改:

在这里插入图片描述

  • 首先打开mingw64的目录
  • 点击资源管理器窗口顶部的地址栏,复制mingw64的完整路径

在这里插入图片描述

  • 打开.vscode文件夹中的三个json文件,找到需要修改的地方(有注释提示的地方)
    • 用复制的路径替换文件中的"xxxx",但要保留后面的’\bin\gcc.exe’或’\bin\gdb.exe’部分
    • 注意:粘贴后如果看到路径中的"\“变成了红色,需要将单个反斜杠”“替换为双反斜杠”\"(这是json格式的要求!)
    • 修改完三个文件后,记得点击保存(VSCode配置C/C++环境的关键就是这一步!)

在这里插入图片描述

到这一步,恭喜你!所有的配置工作都已经完成了!

开始编写第一个程序(验证VSCode配置C/C++环境成功)

现在让我们来测试一下VSCode配置C/C++环境是否成功:

  1. 点击菜单栏的【文件】→【打开文件夹】(或者使用快捷键:先按Ctrl+K,再按Ctrl+O,这个技巧在VSCode中非常实用!)

在这里插入图片描述

  1. 找到并选择刚才的code文件夹中你选择的语言文件夹(C或C++)
  2. 点击【选择文件夹】按钮

在这里插入图片描述

  1. 此时VSCode会打开该文件夹,你应该能看到里面的所有文件,包括一个预先准备的hello.c文件

在这里插入图片描述

  1. 双击打开hello.c文件(这是我们的第一个C语言程序!)

在这里插入图片描述

  1. 点击窗口右上角的【运行】按钮(或者按F5键,这是VSCode中启动调试的快捷键)

在这里插入图片描述

  1. 你会看到窗口底部有内容滚动(这是编译过程的输出)

在这里插入图片描述

  1. 点击【终端】选项卡,

在这里插入图片描述

9.如果你能看到"hello"的输出,那么恭喜你!VSCode配置C/C++环境成功了,VSCode插件和编译器都在正常工作!

在这里插入图片描述

总结

通过以上步骤,我们成功地完成了VSCode下载、VSCode安装以及VSCode配置C/C++环境的全过程。有了这套完美配置的开发环境,你就可以使用这个强大而轻便的代码编辑器来学习C/C++编程了!VSCode不仅拥有丰富的VSCode插件生态系统,还有智能代码提示功能,甚至能进行断点调试,是编程新手和专业人士都非常喜爱的开发工具。

对于准备学习C/C++的朋友来说,有了VSCode这样强大的工具,再配合上网上丰富的学习资源,入门编程将变得更加简单。建议大家在学习过程中,经常练习、多写代码、多思考。VSCode中文界面和丰富的代码高亮功能可以帮助你编写整洁、规范的代码,这对于提高代码质量和可读性非常有帮助。

希望这篇VSCode配置C/C++环境的保姆级教程对大家有所帮助!如果在配置过程中遇到任何问题,欢迎在评论区留言交流!我会及时回复大家的问题!

祝大家编程愉快!VSCode将成为你学习编程路上的好伙伴!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值