大家好!今天给各位分享一篇超详细的Visual Studio Code(简称VSCode)配置教程,尤其适合正在学习C/C++编程的新手同学们。VSCode配置C/C++环境对很多初学者来说是个难题,但通过这篇保姆级教程,从VSCode下载、VSCode安装到VSCode插件配置,全部细节我都会一一为你讲解清楚!绝对是市面上最全面的配置指南!
前言
提到代码编辑器,VSCode下载量居高不下的原因是它既轻量又功能强大。作为程序员必备的编辑工具,VSCode已经成为当今最受欢迎的开发环境之一。特别是通过安装丰富的VSCode插件,它能够支持几乎所有的编程语言。对C/C++这样的经典语言,正确配置后的VSCode不仅可以实现智能提示,还能进行断点调试,绝对是你高效编程的得力助手!
接下来我会手把手教你完成VSCode安装和VSCode配置C/C++环境的全过程,即使是零基础小白也能轻松掌握(超详细步骤无死角)!
VSCode下载与安装步骤
首先,我们需要完成VSCode下载和安装主程序的过程:
- 打开你已经下载好的VSCode压缩包,解压后里面有一个安装包(这就是我们需要的VSCode安装程序!)
vscode 获取方式有两种:
- 从官网获取:https://code.visualstudio.com/
- 本文所有相关代码以及资源包我托管到gitcode仓库了,与本文的版本一致(推荐):
https://gitcode.com/xiaowangabc1/vscode?src=9898
- 双击运行这个安装包,在弹出的界面中勾选【同意】然后点击【下一步】
-
接下来按照默认设置一路点击【下一步】直到安装完成
-
安装成功后,桌面和开始菜单会出现VSCode的图标,这标志着VSCode安装的基础步骤已经成功完成啦!
vscode设置中文
VSCode默认是英文界面,对国内用户不太友好,下面我们来配置VSCode中文界面:
- 打开刚安装好的VSCode,先点击最左侧边栏的最后一个图标(扩展商店,是个方块图标)
- 在VSCode插件搜索框中输入"chinese",会看到第一个VSCode插件选项是中文语言包,点击【install】按钮
-
安装完成后,按下键盘组合键【Ctrl+Shift+P】。
-
此时界面顶部会出现一个带有 > 符号的搜索框(特别注意:不要先点搜索框再按快捷键,而是在页面任意灰色空白处按下快捷键!)
-
在弹出的搜索框中输入"language",然后选择【Configure Display Language】选项
-
从下拉菜单中选择【中文(简体)】
- 点击【Restart】按钮,软件会自动重启
- 重启后,恭喜你!VSCode中文界面设置成功。
c/c++插件安装:配置C/C++环境必备
要在VSCode中进行C/C++编程,VSCode配置C/C++环境的第一步就是安装对应的VSCode插件:
-
和前面安装VSCode中文语言包一样,点击左侧边栏从上往下数第5个按钮(VSCode插件商店图标)
-
在VSCode插件搜索框中输入"c",第一个搜索结果就是我们需要的C/C++插件
-
点击【安装】按钮,等待VSCode插件安装完成(这个插件是VSCode配置C/C++环境的核心组件!)
解压配置mingw64编译器(VSCode配置C/C++环境的关键)
接下来是VSCode配置C/C++环境的关键步骤,没有编译器再好的VSCode插件也无法工作:
- 在附件中找到mingw64的压缩包,双击打开
- 将它解压到一个你喜欢的位置(但是要特别注意:路径中绝对不能包含中文字符!!!这点对VSCode配置C/C++环境极其重要)
- 记住这个路径,后面的VSCode配置会用到它(这点非常重要,可以先复制下来备用)
修改C/C++插件配置文件
现在我们需要告诉VSCode如何使用mingw64来编译我们的C/C++代码(这是VSCode配置C/C++环境最关键的一步):
-
安装包中有一个code文件夹,这里面包含了我们预先编写好的VSCode配置文件
-
将这个文件夹拖放到你喜欢的位置,作为你平时写代码的工作目录
- code文件夹下包含两个子文件夹,分别对应C语言和C++,根据你的需求选择一个
- 以C语言为例,进入对应文件夹,可以看到有一个.vscode文件夹
- .vscode文件夹内包含了三个json配置文件,这些都是VSCode的设置,与VSCode插件代码编译相关的配置
- 这三个文件都需要打开并修改:
- 首先打开mingw64的目录
- 点击资源管理器窗口顶部的地址栏,复制mingw64的完整路径
- 打开.vscode文件夹中的三个json文件,找到需要修改的地方(有注释提示的地方)
- 用复制的路径替换文件中的"xxxx",但要保留后面的’\bin\gcc.exe’或’\bin\gdb.exe’部分
- 注意:粘贴后如果看到路径中的"\“变成了红色,需要将单个反斜杠”“替换为双反斜杠”\"(这是json格式的要求!)
- 修改完三个文件后,记得点击保存(VSCode配置C/C++环境的关键就是这一步!)
到这一步,恭喜你!所有的配置工作都已经完成了!
开始编写第一个程序(验证VSCode配置C/C++环境成功)
现在让我们来测试一下VSCode配置C/C++环境是否成功:
- 点击菜单栏的【文件】→【打开文件夹】(或者使用快捷键:先按Ctrl+K,再按Ctrl+O,这个技巧在VSCode中非常实用!)
- 找到并选择刚才的code文件夹中你选择的语言文件夹(C或C++)
- 点击【选择文件夹】按钮
- 此时VSCode会打开该文件夹,你应该能看到里面的所有文件,包括一个预先准备的hello.c文件
- 双击打开hello.c文件(这是我们的第一个C语言程序!)
- 点击窗口右上角的【运行】按钮(或者按F5键,这是VSCode中启动调试的快捷键)
- 你会看到窗口底部有内容滚动(这是编译过程的输出)
- 点击【终端】选项卡,
9.如果你能看到"hello"的输出,那么恭喜你!VSCode配置C/C++环境成功了,VSCode插件和编译器都在正常工作!
总结
通过以上步骤,我们成功地完成了VSCode下载、VSCode安装以及VSCode配置C/C++环境的全过程。有了这套完美配置的开发环境,你就可以使用这个强大而轻便的代码编辑器来学习C/C++编程了!VSCode不仅拥有丰富的VSCode插件生态系统,还有智能代码提示功能,甚至能进行断点调试,是编程新手和专业人士都非常喜爱的开发工具。
对于准备学习C/C++的朋友来说,有了VSCode这样强大的工具,再配合上网上丰富的学习资源,入门编程将变得更加简单。建议大家在学习过程中,经常练习、多写代码、多思考。VSCode中文界面和丰富的代码高亮功能可以帮助你编写整洁、规范的代码,这对于提高代码质量和可读性非常有帮助。
希望这篇VSCode配置C/C++环境的保姆级教程对大家有所帮助!如果在配置过程中遇到任何问题,欢迎在评论区留言交流!我会及时回复大家的问题!
祝大家编程愉快!VSCode将成为你学习编程路上的好伙伴!