文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

vscode安装+配置+使用+调试【保姆级教程】

admin

admin

2024-04-25 17:45

关注

1. VScode是什么

Visual Studio Code简称VS Code,是一款跨平台的、免费且开源的现代轻量级代码编辑器,支持几乎主流开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段提示、代码对比等特性,也拥有对git的开箱即用的支持。同时,它还支持插件扩展,通过丰富的插件,用户能获得更多高效的功能…(在这边就不过多赘述了!)

下面我们来看看如何下载安装吧!

2. VScode的下载安装

首先进入到VScode的官网,选择自己电脑适配的(博主这边使用的是Windows版本的)

VScode的官网链接,点击即可

推荐国内的镜像地址:

因为一些不可描述的原因,咱们访问外网资源非常慢,那么咱们可以前往镜像网站进行下载(dddd)

如下所示就是官网的界面

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

当然VScode官网的下载速度非常之慢(类似于蜗牛在爬,毕竟是外网咱们可以理解!)

那么该如何解决该问题呢?

可以在CSDN上搜索vscode下载速度慢(解决办法就是将下载地址换成国内的镜像网站)

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

最后直接点击安装即可

vscode安装+配置+使用+调试【保姆级教程】

最后跳出安装完成的界面就说明安装的步骤全部结束!

3. 环境的介绍

3.1 界面的介绍

vscode安装+配置+使用+调试【保姆级教程】

3.2 中文包的安装

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

4. VScode上配置C/C++环境

VSCode安装好之后,我们还是要知道,VSCode毕竟是一个高级的编辑器,只能用来写C/C++代码,不能直接编译代码。

所以,如果我们要能使用VSCode搭建C/C++的编译和调试环境,还必须有编译器使用。

为了方便,我们就使用MinGw-w64 ,MinGw-w64移植到windows平台的一个gcc编译器,使用起来也是非常方便的。

下面我们就演示怎么下载和配置MinGw-w64。

4.1 下载和配置MinGw-w64编译器套件

下载

下载链接:点击即可

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

解压出来后,进到文件夹中,拷贝mingw64这个文件夹到一个最简单的目录下,路径的名字不要有中文、空格、特殊字符等,(非常重要!)

比如:C盘或者D盘的根部目录

vscode安装+配置+使用+调试【保姆级教程】

下载完成!接下来就是配置

配置

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

即可应用刚配置好的环境变量,如何检验自己的环境变量是否配置好了呢?

按住 windows+R 键

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

下载C/C++安装包

vscode安装+配置+使用+调试【保姆级教程】

下载完毕后进行重启(很重要,将前面的配置生效)

5. 在VScode上编写C语言代码并编译成功

5.1 打开文件夹

在VSCode上写代码都是首先要打开文件夹的,这样也方便管理代码和编译器产生的可执行程序,和VSCode生成的配置文件等。

在写代码前,我们想清楚想把代码放在什么地方管理

(这个自定义即可,博主一般会将每日的代码提交gitee,在D盘下有对应的git克隆的路径)

vscode安装+配置+使用+调试【保姆级教程】

打开vscode

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

5.2 新建C语言文件,编写C语言代码创建C语言文件:

vscode安装+配置+使用+调试【保姆级教程】

#include int main(){
    printf("hello world\n");
    return 0;}

5.3 设置C/C++编译的选项: c_cpp_properties.json

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

5.4 创建执行任务:tasks.json

鼠标点到要编译的C语言文件当中

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

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

vscode安装+配置+使用+调试【保姆级教程】

5.5 编译+执行

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

6. 编译C++代码的配置

假设我们已经编译好C++代码

#include using namespace std;int main(){
    int m = 0;
    cin >> m;
    cout << m << endl;
    return 0;}

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

鼠标点到要编译的C++文件当中

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

点击运行生成任务

vscode安装+配置+使用+调试【保姆级教程】

运行.exe文件

vscode安装+配置+使用+调试【保姆级教程】

运行成功!

7. 多.c/.cpp文件联合编译

在项目开发当中不可避免存在多个模块

vscode安装+配置+使用+调试【保姆级教程】

这边的.vscode可以从其他文件拷贝过来或者重新配置都可

vscode安装+配置+使用+调试【保姆级教程】

这边根据自己的需求更改(文件名可以自己设置,c/c++)

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

得到结果30,说明编译多个.c文件成功

8. VScode调试

前面讲解的都是如何去编译代码,当我们生成一个可支持程序的时候,如果遇到了运行时的问题,我们就要想办法调试代码,那VSCode如何调试代码呢?接下来听我细细道来~

其实在VSCode上调试关键也是依赖一个配置文件的叫: launch.json,那我们看看怎么调试。5.1创建launch.json文件

8.1 首先点击调试,创建launch.json文件

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

8.2 开始调试

当launch.json文件生成后,我们只要打断点开始调试就行。调试的快捷键和VS系列的IDE是一样的,如:

F9 - 打断点/取消断点

F5 – 启动调试

F10 – 逐语句调试

F11 - 逐过程调试

启动调试后,也是可以使用监视窗口查看变量等程序执行过程中的信息。

vscode安装+配置+使用+调试【保姆级教程】

按住F5进入调试模式,出现如下情况说明进入调试模式

vscode安装+配置+使用+调试【保姆级教程】

vscode安装+配置+使用+调试【保姆级教程】

这边的调试方法其实和vs2019工具差不多 就不过多赘述了(多练习即可)

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-工具
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯