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

这篇具有很好参考价值的文章主要介绍了vscode安装+配置+使用+调试【保姆级教程】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. VScode是什么

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

2. VScode的下载安装

首先进入到VScode的官网,选择自己电脑适配的(博主这边使用的是Windows版本的)
VScode的官网链接,点击即可
如下所示就是官网的界面
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
当然VScode官网的下载速度非常之慢(类似于蜗牛在爬,毕竟是外网咱们可以理解!)
那么该如何解决该问题呢?
可以在CSDN上搜索vscode下载速度慢(解决办法就是将下载地址换成国内的镜像网站)
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
最后直接点击安装即可
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
最后跳出安装完成的界面就说明安装的步骤全部结束!

3. 环境的介绍

3.1 界面的介绍

vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器

3.2 中文包的安装

vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器

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,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
解压出来后,进到文件夹中,拷贝mingw64这个文件夹到一个最简单的目录下,路径的名字不要有中文、空格、特殊字符等,(非常重要!)
比如:C盘或者D盘的根部目录
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
下载完成!接下来就是配置

配置

vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
即可应用刚配置好的环境变量,如何检验自己的环境变量是否配置好了呢?
按住 windows+R 键
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器

下载C/C++安装包

vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
下载完毕后进行重启(很重要,将前面的配置生效)

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

5.1 打开文件夹

在VSCode上写代码都是首先要打开文件夹的,这样也方便管理代码和编译器产生的可执行程序,和VSCode生成的配置文件等。
在写代码前,我们想清楚想把代码放在什么地方管理
(这个自定义即可,博主一般会将每日的代码提交gitee,在D盘下有对应的git克隆的路径)
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
打开vscode
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器

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

vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器

#include <stdio.h>

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

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

vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器

5.4 创建执行任务:tasks.json

鼠标点到要编译的C语言文件当中
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
这时就生成了一个tasks.json文件,这个文件是专门是用来执行代码的编译任务的。
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器

5.5 编译+执行

vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器

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

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

#include <iostream>
using namespace std;

int main()
{
    int m = 0;
    cin >> m;
    cout << m << endl;
    return 0;
}

vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
鼠标点到要编译的C++文件当中
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
点击运行生成任务
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
运行.exe文件
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
运行成功!

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

在项目开发当中不可避免存在多个模块
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
这边的.vscode可以从其他文件拷贝过来或者重新配置都可
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
这边根据自己的需求更改(文件名可以自己设置,c/c++)
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
得到结果30,说明编译多个.c文件成功

8. VScode调试

前面讲解的都是如何去编译代码,当我们生成一个可支持程序的时候,如果遇到了运行时的问题,我们就要想办法调试代码,那VSCode如何调试代码呢?接下来听我细细道来~
其实在VSCode上调试关键也是依赖一个配置文件的叫: launch.json,那我们看看怎么调试。5.1创建launch.json文件

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

vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器

8.2 开始调试

当launch.json文件生成后,我们只要打断点开始调试就行。调试的快捷键和VS系列的IDE是一样的,如:
F9 - 打断点/取消断点
F5 – 启动调试
F10 – 逐语句调试
F11 - 逐过程调试
启动调试后,也是可以使用监视窗口查看变量等程序执行过程中的信息。
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
按住F5进入调试模式,出现如下情况说明进入调试模式
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
vscode安装+配置+使用+调试【保姆级教程】,vscode,ide,编辑器
这边的调试方法其实和vs2019工具差不多 就不过多赘述了(多练习即可)
如果这边的调试操作不熟悉可以看博主关于调试的博客
实用调试技巧文章来源地址https://www.toymoban.com/news/detail-539722.html

到了这里,关于vscode安装+配置+使用+调试【保姆级教程】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【产品新体验】CSDN. 云IDE体验与功能使用教程(保姆级教程)

    云IDE产品介绍 云IDE使用教程 免费使用地址:点击【云IDE】,即可开始创建工作空间啦~ CSDN最新产品【云IDE】来啦!【云IDE】将为各位技术er一键秒级构建云开发环境,提升开发效率!为持续提升产品体验,现CSDN特开展产品评测有奖话题征文活动,诚邀各位技术er免费试用【云

    2024年02月02日
    浏览(66)
  • 【绿色版】Mysql下载、安装、配置与使用(保姆级教程)

    大家都知道,Mysql安装版的卸载过程非常繁琐,而且卸载不干净会出现许多问题,很容易让大家陷入重装系统的窘境。基于此,博主今天给大家分享绿色版Mysql的安装、配置与使用。 目录 一、Mysql安装、配置与使用 1、下载解压 2、创建、编辑配置文件 3、配置环境变量 4、初始

    2024年02月03日
    浏览(40)
  • 【基于Ubuntu下Yolov5的目标识别】保姆级教程 | 虚拟机安装 - Ubuntu安装 - 环境配置(Anaconda/Pytorch/Vscode/Yolov5) |全过程图文by.Akaxi

    目录 一.【YOLOV5算法原理】 1.输入端 2.Backbone 3.Neck 4.输出端 二.【系统环境】 1.虚拟机的安装与创建 2.安装Ubuntu操作系统 3.环境的配置 3.1.Ubuntu下Anacoda安装以及虚拟环境配置 3.2.Pytorch安装 3.3.Vscode安装 3.4.Yolov5源码及环境获取安装 三. 【测试Yolov5】 四. 【实现自己输入图片/笔

    2024年02月05日
    浏览(71)
  • vscode里面配置Java环境(小白保姆教程)

    小白保姆教程 废话不多说,上干货 一、vscode下载 官网:https://code.visualstudio.com/ 安装过程: 1、点开安装包 ------我同意 2、全部勾选(建议) 3、开始安装 自用vscode:https://www.aliyundrive.com/s/EC6AJm5RNXQ 二、jdk下载以及环境配置 官网:https://www.oracle.com/java/technologies/downloads/ 自用

    2024年02月09日
    浏览(58)
  • vscode里面配置Python环境(小白保姆教程)

    小白保姆教程 废话不多说,上干货 一、vscode下载 官网:https://code.visualstudio.com/ 安装过程: 1、点开安装包 ------我同意 2、全部勾选(建议) 3、开始安装 自用vscode:https://www.aliyundrive.com/s/EC6AJm5RNXQ 二、Python下载以及环境配置 官网:https://www.python.org/ 自用Python:https://www.al

    2024年02月10日
    浏览(55)
  • vue3使用quill富文本编辑器,保姆级教程,富文本踩坑解决

    本文是封装成组件使用 先放效果图 先封装组件,建立如下目录 全部代码如下, 使用 本文是第二个页面使用这个富文本编辑器有可能watch监听中找不到ref,如果不能正常使用可以稍微改装下在onMounted里赋值然后在setValue里抛出就好 保姆级教程,有问题欢迎提出

    2024年02月11日
    浏览(48)
  • Ubuntu+VScode+Ananconda+pytorch配置(保姆级教程)

    虽然之前跑过yolov5就配置过虚拟环境和深度学习框架,但是隔了一段时间没有用到深度学习的框架就又忘记了怎么在VScode里使用pytorch/tensorflow框架,深度学习依赖的numpy,pandas,kereas…又应该放在哪?是使用在哪的? 因此,本文在记录配置pytorch的过程中同时回答以上问题。 An

    2024年02月04日
    浏览(36)
  • 30天入门Python(基础篇)——第2天:Python安装(保姆级)与IDE的认识与选择+详细安装教程(万字建议收藏)

    🔥🔥本文已收录于《30天学习Python从入门到精通》 🉑🉑本专栏专门 针对于零基础和需要重新复习巩固的同学 所准备的一套基础班教学, 从0基础到精通Python ,轻松掌握Python,欢迎各位同学订阅,专栏订阅地址:点我直达 🤞🤞此外如果您已工作,如需利用Python解决办公中

    2024年02月07日
    浏览(60)
  • 论文排版神器VSCode+LaTeX最新保姆级图文配置教程

    LaTeX LaTeX L A T E ​ X 是一种基于ΤΕΧ的排版系统,由美国计算机学家Leslie Lamport开发。 LaTeX LaTeX L A T E ​ X 使用户在没有排版和程序设计的知识也可以在几天、甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常

    2024年02月06日
    浏览(53)
  • 如何在Ubtun上安装vscode,保姆级教程

    Ubtun安装vscode 打开vm虚拟机安装VM tools     主要目的:  实现win上的文件与vm虚拟机上的文件进行共享    具体过程:    参照B站【Ubuntu安装vmware tools和open-vm-tools】Ubuntu安装vmware tools和open-vm-tools_哔哩哔哩_bilibili推荐第二个方法【本人Ubtun版本20.04】   易出现问题: 显示无法

    2024年02月05日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包