一、在VsCode 上编写第一个C语言
在VsCode上写代码都是先打开文件夹,这样也方便管理代码和编译器产生的可执行程序,VsCode生成的配置文件等。
1.1打开文件夹
写代码前,首先创立一个文件夹存储以后我们写的VsCode代码,便于管理。

在VsCode上打开文件夹



创建自己所需的文件
1.2设置C/C++编译的选项
鼠标点在.c的源文件内部,按ctrl+shift+p快捷键,在弹出的页面中选择:C/C++编辑配置(UI)
弹出没有的话往下滑,或者输入UI,即可找到
选择不要选错了

1.3创建执行任务 :tasks.json
要编译代码,还要在终端中进行配置,如下图:

在弹出页面,选择C/C++:gcc.exe

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

1.4编译+执行
下面我们就来开始编译并生成可执行程序
1.4.1编译
具体操作:
- 鼠标放在要编译的C语言代码中
- 然后执行【终端】->运行生成任务

编译成功生成.exe

1.4.2执行
按键盘的ctrl+`快捷键,打开VsCode自带的终端,就可以运行代码了。
输入:.\可执行程序的名字,即可执行。

二、添加新代码
2.1方法
2.1.1方法一

编译新的文件

2.1.2方法二
先创建新的文件夹

先关闭当前文件夹

打开创建的文件夹
打开成功后按上面步骤新建源代码

先配置任务,再编译
也可以将上个文件的.vscode文件拷贝到新文件夹中,这样就不需要重新配置任务

2.2 一个工程中有多个.c文件需要编译怎么办?
需要修改tasks.json
将 ${file} 修改为 ${workspaceFolder}\\*.c,可以构建当前工作区中所有的C文件
将 ${file} 修改为 {workspaceFolder}\\\\\*.cpp,可以构建当前工作区中所有的cpp文件** **将{fileDirname}\\${fileBasenameNoExtension}.exe 改为 {workspaceFolder}\\\\{workspaceRootFolderName}.exe

演示效果

配置C++
tasks.json更新
演示效果

三、调试
当我们生成了可执行程序,运行发生问题的时候,我们要调试,那么调试该如何调试呢?
3.1创建launch.json文件
点击调试,创建launch.json文件(新版本自动生成)

修改图:

修改1:
"program": "{fileDirname}\\\\{fileBasenameNoExtension}.exe''//调试谁
修改2:
"miDebuggerPath": "C:\\mingw64\\bin\\gdb.exe"//调试工具
3.2开始调试
F9- 打断点/取消断点
F5- 启动调试
F10- 逐语句调试
F11- 逐过程调试
启动调试中的监视窗口查看相关信息

本文讲解还有不足地方望大家留言指正!!!