VScode的安装与C语言配置

下面的步骤里会配置三个文件,不想自己配置的可以直接去这里复制代码:点击这里,我在gitee放了三个配置文件,可以直接下载使用放到自己新建的文件夹里就可。

【一、基本提要】:

1、VScode是什么

是跨平台的免费且开源的现代轻量级代码编辑器几乎支持主流的语言的代码高亮、智能补全代码、自定义快捷键、括号匹配、颜色区分、代码片段展示、代码对比、git的开箱即用等功能,同时还支持插件拓展,通过丰富的插件,用户能获得跟加高效的功能

2、VScode的下载和安装

(1)VScode的版本

无论是那个平台都一般有:稳定版(Stable)、体验版(Insiders)两个版本

(2)下载链接

Visual Studio Code - Code Editing. Redefined
打开链接后点击下拉菜单,选择对应的平台,点击下载即可,安装好路径即可。
VScode的安装与C语言配置_第1张图片# 3、VScode配置C/C++开发环境简介

(1)汉化插件

先下载一个汉化插件,在“插件”图标处搜索chinese->点击Install,下面就是安装好后重启的界面
VScode的安装与C语言配置_第2张图片

(2)界面的排布

VScode的安装与C语言配置_第3张图片

(3)配置C/C++的开发程序(gcc)

①首先下载一个MinGW-w64编译器套件(这个是windows平台的一个gcc编译器)
下载地址:MinGW-w64 - for 32 and 64 bit Windows - Browse Files at SourceForge.net
VScode的安装与C语言配置_第4张图片

②向下滑动,建议下载版本:x86_64-win32-sh(也可以根据自己需求选择)
VScode的安装与C语言配置_第5张图片
VScode的安装与C语言配置_第6张图片
③解压到某一个路径((建议找一个相对简单的路径,并且路径不要有中文。直接放C盘下面也行,这样做可以方便使用命令行操作gcc的工具)
VScode的安装与C语言配置_第7张图片
找到解压路径
VScode的安装与C语言配置_第8张图片
可以直接放在C盘的根目录底下(放心,文件不算特别大)这时候其路径就是:
VScode的安装与C语言配置_第9张图片
④了解gcc的内部文件构成
include是头文件所在地
VScode的安装与C语言配置_第10张图片
bin就是放的可执行的工具,可以看到基本都是可执行文件
VScode的安装与C语言配置_第11张图片
⑤mingw64的环境配置,直接在电脑里搜索“编辑系统环境变量”注意,到这里一定要小心谨慎,误操作有可能导致某些程序无法正常启动
VScode的安装与C语言配置_第12张图片
打开“编辑系统环境变量”-“环境变量”
VScode的安装与C语言配置_第13张图片
在下面的系统环境变量找到Path并且双击Path在这里插入图片描述
,点击新建,把mingw64的bin文件路径添加进去,点击确定,点击确定,点击确定。配置环境变量就是为了通过命令行来使用,可以在windows的cmd中确认一下,输入以下的命令检验
VScode的安装与C语言配置_第14张图片
环境变量安装成功

(4)安装C/C++插件

回到VScode上,在其插件拓展里搜索:“C/C++”,点击下面图片里的那个“C/C++”插件,进行安装
VScode的安装与C语言配置_第15张图片

(5)重启VScode

建议手动重启一下VScode,不然后面可能会出现问题

【二、配置三个文件】:

4、VScode上调试C语言代码并编译

(1)打开文件夹

VScode写代码前要先打开文件夹,方便代码管理和编译器产生的可执行程序和VScode的配置文件。所以首先要在电脑上创建一个存放C代码以及配置文件的空文件夹,并且用VScode打开这个文件夹。
VScode的安装与C语言配置_第16张图片

注意:全程最好要使用英文路径。不要学我贪图方便,我新建的带有中文名字的文件后面调试环境出现了bug,原因就是因为这个文件路径带有中文,后面我将“LIMOU_VC环境C语言…”这个路径,修改成英文路径就可以运行了……

(2)创建源文件

创建一个.c文件在里面写入C的代码

(3)设置C/C++编译的选项:c_cpp_properties.json

①在.c文件里,ctrl+shift+p打开搜索
VScode的安装与C语言配置_第17张图片
②找到C/C++编辑配置(UI)
VScode的安装与C语言配置_第18张图片
③将编译器路径改一下(改成刚刚安装的mingw64/bin文件目录下的gcc.exe路径)
VScode的安装与C语言配置_第19张图片
④代码提示模式选择gcc-x64(legacy)
VScode的安装与C语言配置_第20张图片
⑤这个时候左边多出了一个.vscode的文件夹,还有一个文件c_cpp_properties.json,这个文件指定了C代码将使用哪一个编译器、windowsSDK、C/C++语言的标准、提示模式等等。路径改好后就配置好了C/C++编译的相关选项
VScode的安装与C语言配置_第21张图片

(4)创建执行任务

①打开工具栏的终端,点击“配置任务”
VScode的安装与C语言配置_第22张图片
②点击“C/C++:gcc.exe生成活动文件”(如果出现cl.exe则是VS生成的,有下载VS就有)
VScode的安装与C语言配置_第23张图片
可以看到左边多出了一个活动文件,这个文件是专门用来执行代码的编辑任务的
VScode的安装与C语言配置_第24张图片
文件内部代码,可以观察是不是和我下面的配置文件是一样,另外,我也在旁边添加了注释,你可以看看这里面最重要的三行代码所代表的意义是什么
VScode的安装与C语言配置_第25张图片

(5)编译和执行

①点击菜单栏的“终端”->“运行生成任务”(生成成功的话,下面终端有提示,左边也生成一个.exe的可执行文件)
VScode的安装与C语言配置_第26张图片
②执行可执行文件:使用“ctrl+`”快捷键,打开VScod自带的终端,输入“.\(这里写你的可执行文件(.exe)名字,注意要加上后缀.exe)”点击回车,就可以运行代码了
VScode的安装与C语言配置_第27张图片
VScode的安装与C语言配置_第28张图片

5、还想写多个C代码怎么办?

(1)新建源文件

在存放C语言代码的文件里面新建一份.c文件,在按照上面一样执行就行

(2)新建文件夹

将当前文件夹关闭,再新建一个文件夹,用VScode打开这个文件夹就行(可以将曾经生成的配置文件(一般命名为.vscode)复制到这个文件夹中)

6、运行多个C文件

(1)在一个工程中,点击活动文件tasks.json

(2)改造这个文件(看注释)

VScode的安装与C语言配置_第29张图片

(3)继续“运行生成任务”

(4)继续像上面编译一个.c文件一样操作就行

只要这样就能编译多个C文件代码

7、VScode的调试

(1)打开要调试的C文件

首先点击“调试”按钮在这里插入图片描述
点击创建一个launch.json(编译依赖tasks.json,调试依赖launch.json)
VScode的安装与C语言配置_第30张图片

(2)选择“C++(GDB/LLDB)”,又出现下面的文件

VScode的安装与C语言配置_第31张图片

(3)添加配置

VScode的安装与C语言配置_第32张图片

(4)勾选“C/C++:(gdb)启动”

发现文件又多了一部分信息,接下来就要对这个文件进行改造
VScode的安装与C语言配置_第33张图片

(5)改造这个文件

①将在tasks.json里生成的可执行文件路径复制过来
②修改为mingw-w64中gdb的位置,使用gdb工具进行调试(gdb.exe在mingw64的bin文件下,注意写双斜杠路径)
③这就配置好了,完整版(看注释):
VScode的安装与C语言配置_第34张图片

(6)正式开始调试

打开要调试的C文件,使用快捷键(和VS一样):
①F9打断点/取消断点
②F5启动调试
③F10逐语句调试
④F11逐过程调试
VScode的安装与C语言配置_第35张图片

还是要提醒:全程最好要使用英文路径(就是一开头说的那个),作者一开始抱着侥幸心理写了中文路径,结果这一步调试的时候出bug了,还是改回了英文路径……

⑤旁边也可以打开“变量、添加监视、调用堆栈”,另外也可以使用旁边的小工具进行调试
在这里插入图片描述

【三、其他】

8、 这篇博客来源

来自于视频:【VScode最新安装使用教程,Visual Studio Code安装使用教程,vscode配置c/c++VScode汉化中文】的学习总结笔记,有兴趣可以看一下。

你可能感兴趣的:(C语言杂货笔记,vscode,c语言,ide)