VS Code 的安装与如何搭建C/C++开发环境?

📅 发布时间:2026/7/12 8:44:27 👁️ 浏览次数:
VS Code 的安装与如何搭建C/C++开发环境?
目录一、VS Code 的下载与安装1. 安装方法2. 初步认识环境二、VS Code 如何配置C/C开发环境1. MinGW-w64的下载2. MinGW-w64的配置3. 安装C/C插件三、在 VS Code 中如何编写C语言代码并编译1. 如何编写代码1打开文件2编写C语言代码2. 如何编译代码1设置编译选项c_cpp_properties.json2创建执行任务tasks.json3执行编译运行3. 如何再写一个代码怎么办1情况1代码是一个单独的.c文件2情况2新建文件夹后创建.c文件4. 一个工程中需要编译多个源文件的情况四、VS Code 中如何编译运行C代码1. 修改编译选项c_cpp_properties.json2. 修改执行任务 tasks.json3. 编译运行C代码五、VS Code 中如何调试1. launch.json文件的创建2. VS Code中的调试一、VS Code 的下载与安装VS Code的全称为Visual Studio Code是一个跨平台免费且开源的现代轻量级代码的编译器。它的下载官网链接为https://code.visualstudio.com/ 。下面我们来一步步介绍如何安装VS Code。1. 安装方法首先通过上述链接进入官网并点击右上角的Download如图所示然后得到如下界面因为我们是Windows系统所以点击Windows的下载如图所示然后下载后得到如下的安装包双击它得如下界面选择我们同意点击下一步然后选择自己想要安装的路径点击下一步如图所示点击下一步将选项都勾选上点击下一步最后点击安装这样就完成安装了如图所示2. 初步认识环境当我们第一次打开VS Code的时候会出现如下界面如图所示可以发现这里全是英语的如果我们要让它变成中文的我们就需要安装中文插件方法如下点击左边的插件搜索chinese显示出简体中文后再点击这里的install即可如图所示安装插件后需要重启一下VS Code这样我们的界面就是中文的了。最简单的方法就是在安装后点击如下的【Change Language and Restart】按钮如图所示成功后的图片就是如下所示当然我们还有另一种方法在这个中文插件中也说明了如图所示首先按下快捷键【Ctrl Shift p】选择【Configure Display Language】命令得如图所示然后选择中文即可如图所示最后【Restart】即可如图所示这样也可以完成中文切换。当然我们也可以改变外观颜色方法如下得到如下界面此时就可以改变外观颜色了如图所示这里我们选择浅色得到如下界面二、VS Code 如何配置C/C开发环境VS Code 是一个高级的编辑器只能用来写代码不能编译代码所以我们还需要有编译器的使用所以我们可以使用MinGW-w64一个在 Windows 平台上进行 C/C 开发的免费、开源的编译器工具链来编译。下面就来安装和配置一下 MinGW-w64 。1. MinGW-w64的下载关于 MinGW-w64 的安装通过以下链接获取即可。链接https://pan.quark.cn/s/6e88395b20e1提取码J73W然后得到如下压缩包将其解压后打开就得到如下文件这个mingw64文件我们需要将它放在一个容易管理的路径上建议直接放在C盘活D盘的根目录下这里我直接放在C盘下如图所示此时mingw64的路径就是C:\mingw642. MinGW-w64的配置下载好MinGW-w64后我们还是不能使用因为我们还需要将系统的环境用它这个配置一下方法如下在Windows下的搜索框中搜索环境变量如图所示当然也可以在设置中去搜索两种方法都是一样的。然后点击它得到如下界面在其中选择【】高级】中的【环境变量(N)...】如图所示选择系统变量中的PATH双击后在其中将mingw64中的bin所在目录即C:\mingw64\bin添加到PATH中在点击【确定】3. 安装C/C插件在VS Code的插件中去搜索C/C再将其安装如图所示最后安装完成后还需要重启一下VS Code保证我们的之前的设置或配置都生效。三、在 VS Code 中如何编写C语言代码并编译1. 如何编写代码1打开文件在VS Code上编写代码首先需要打开文件用于方便管理代码和编译产生的可执行程序以及VS Code产生的配置文件。所以首先我们可以在C盘下创建一个专门用于管理代码的文件夹。如图所示然后再code中创建一个用于管理我们写的代码的文件夹比如叫test_c_1如图所示然后我们打开VS Code在资源管理器中点击打开文件夹如图所示然后选择刚刚创建的test_c_1文件夹如图所示如果你是第一次打开文件夹则可能会显示如下界面我们将它勾选再点击是即可2编写C语言代码此时我们就可以看到这个test_c_1的文件夹被打开了在VS Code中文件名称会显示大写的如下所示那么如果我们写代码就可以在TEST_C_1的文件夹中新建文件即可如图所示那么我们创建第一个.c文件就可以写C语言代码了如图所示注意此时我们还不能编译因为我们还需要设置编译选项2. 如何编译代码1设置编译选项c_cpp_properties.json首先鼠标点在需要编译的.c文件的内部然后点击Ctrl Shift p快捷键然后再弹出的界面上选择【C/C编译配置(UI)】需要找一下如图所示然后再C/C的配置设置将编译器路径选择为C:\mingw64\bin\gcc.exe 如图所示然后将代码提示的模式选择gcc-x64(legacy) 如图所示最重要的两个配置设置好了这里还有一些其设置比如其他的配置我们都可以不用管。配置好后在我们的TEST_C_1的文件夹下会默认生成一个.vscode的文件夹在这个文件夹下又有一个叫c_cpp_properties.json的文件c_cpp_properties.json的文件内容如下所示2创建执行任务tasks.json除了c_cpp_properties.json的配置外要编译代码我们还需要在终端中配置任务如图所示点击【配置任务】后我们在弹出的界面中选择【C/C:gcc.exe 生成活动文件】如图所示点击后就会在.vscode文件夹中生成一个 tasks.json 文件这个文件就是专门用来执行代码的编译任务的如图所示其中的 ${file} 表示我们鼠标点在哪一个源文件就编译哪一个源文件。3执行编译运行完成上述步骤后我们就可以编译并生成可执行程序了。那么如何编译呢首先鼠标点在需要编译的C语言代码中然后点击【终端】中的【运行生成任务】如图所示如果一切正常那么我们就可以看到终端中的提示同时生成了一个可执行程序如图所示这是我们就编译成功了生成了一个可执行文件接下来我们想要运行代码使用方法如下所示首先终止编译时的终端然后按键盘的Ctrl 快捷键可以打开VS Code自带的终端如图所示此时我们再输入.\可执行文件的名字这样就可以执行对应的代码了如图所示3. 如何再写一个代码怎么办1情况1代码是一个单独的.c文件如果我们在一个.c文件中编写的所有代码只靠这一个单独的.c文件就可以执行即没有与其他.c或.h文件建立联系。比如我们仍然在上述的TEST_C_1文件下创建一个单独的.c文件如下图所示我们想要编译并运行它就可以将鼠标点在需要编译的C语言代码这里是指add.c文件中然后点击【终端】中的【运行生成任务】这样就可以完成对add.c的编译了如图所示通过键盘的Ctrl 快捷键可以打开VS Code自带的终端输入.\add.exe即可完成运行。如图所示2情况2新建文件夹后创建.c文件通过上述操作我们知道如果要在VS Code中编写一个代码后编译运行则都需要配置.vscode中的两个文件c_cpp_properties.json和tasks.json然后才可以执行编译和运行。在这里我们其实有一个技巧当我们需要创建一个新文件夹并在其中写代码的时候我们可以直接将上一个文件的 .vscode 文件直接拷贝到这个新文件夹中这样我们在新文件夹中写的代码就可以直接执行编译运行了不需要再慢慢配置c_cpp_properties.json和tasks.json文件了。下面我们来演示一下比如我们在C:\code中创建一个新文件夹test_c_2如图所示此时我们再将test_c_1中的.vscode文件拷贝到test_c_2中去再使用VS Code来写代码如图所示这时写完代码就可以直接编译了鼠标点在要编译的.c文件中然后点击【终端】中的【运行生成任务】如下所示得如下图所示然后再使用键盘的Ctrl 快捷键打开终端输入 .\test2.exe 就可以直接运行对应代码如图所示4. 一个工程中需要编译多个源文件的情况首先我们在C:\code中创建一个Multiple_files文件夹如图所示然后使用VS Code写一个工程中的多个.c文件如下所示对于这种情况我们也可以将之前的 .vscode 文件拷贝到Multiple_files文件夹中但是此时我们并不能直接使用我们需要修改其中的 tasks.json 文件修改地方如下编译多个源文件文件将 ${file} 修改为 ${workspaceFolder}\\*.c 表示编译器会一次性编译当前文件夹下的所有 C 文件。如果是C则可以将这里的 .c 修改为 .cpp修改编译输出的文件名将${fileDirname}\\${fileBasenameNoExtension}.exe修改为 ${workspaceFolder}/${workspaceRootFolderName}.exe这是输出设置。它会将生成的可执行文件放在项目根目录下名字就是你当前文件夹的名字这里就是Multiple_files.exe。将${fileDirname}\\${fileBasenameNoExtension}.exe修改为 ${workspaceFolder}\\myProgram.exe可以将输出文件的文件名硬编为myProgram.exe。如下所示然后我们就可以直接点击【终端】中的【运行生成任务】进行编译了如图所示然后重新打开VS Code终端执行 .\Multiple_files.exe来运行对应的代码如下所示四、VS Code 中如何编译运行C代码到这里我们就知道了C语言代码在VS Code上的编译运行首先需要配置好c_cpp_properties.json和tasks.json文件然后通过【终端】的【运行生成任务】进行编译再通过VS Code中的终端指向 .\可执行文件名 来运行程序。而对于C代码我们想要进行编译和运行其其过程也是一样的只是对于C文件我们配置的c_cpp_properties.json和tasks.json文件和C语言是不一样的主要原因就是C需要使用g编译器而C语言使用的是gcc编译器所以我们需要重新配置这两个文件。接下来我们就来看看如何编译C代码1. 修改编译选项c_cpp_properties.json首先点击Ctrl Shift p快捷键然后再弹出的界面上选择【C/C编译配置(UI)】如图所示然后再配置设置中首先修改配置名称如图所示然后配置g编译器如图所示其余的配置和C语言配置是一样的。配置好后这是再看c_cpp_properties.json就会看到如下信息2. 修改执行任务 tasks.json啊哟修改tasks.json文件我们首先需要将鼠标点在需要编译的.cpp文件中然后点击【终端】中的【配置任务】如图所示然后选择【C/C:g.exe 生成活动文件】如图所示这是在tasks.json就添加了g来编译代码的编译配置如图所示3. 编译运行C代码到这里我们就可以编译运行C代码了。首先选择【终端】中的【运行生成任务】如图所示然后选择g.exe生成活动文件如图所示得到C代码的可执行文件如图所示最后换出终端运行可执行程序如图所示说明而其他的情况比如再写一个代码或者是同时编译多个源文件和C语言的处理情况是非常类似的参照上述关于C语言操作即可。五、VS Code 中如何调试VS Code 中的调试依赖一个叫launch.json 配置文件。1. launch.json文件的创建首先我们来看看如何创建 launch.json 文件首先在VS Code中的点击运行和调试按钮在点击创建一个 launch.json 文件如图所示然后选择GDB因为在我们的mingw64中使用的调试工具是GDB如图所示此时默认就会在.vscode的文件夹下生成一个launch.json 文件然后我们点击添加配置如图所示选择gdb启动如图所示然后就会看到如下信息其中有两处是需要我们修改的如图所示那么首先我们来看一下tasks.json中输出文件的名称如图所示而mingw64中的gdb在C:\mingw64\bin下如图所示所以在launch.json 文件中的program就可以修改为${fileDirname}\\${fileBasenameNoExtension}.exe而miDebuggerPath中的信息则修改为C:\\mingw64\\bin\\gdb.exe。如图所示2. VS Code中的调试当配置好launch.json文件后我们就可以开始调试了在VS Code中等等调试方法和VS比如Visual Studio 2022中的调试是一样的下面介绍一下常用快捷键F5开始/继续调。F9设置断点F10执行当前行不进入函数内部。F11进入函数内部。调试状态的演示如图所示到这里我们关于VS Code 的安装与以及如何在VS Code中写C或C代码进行编译与运行的认识就应该问题不大了。感谢各位观看希望能多多支持