Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)

文章目录

    • 前言
    • 一、下载VS Code
    • 二、配置VSCode的C++环境
      • 配置GCC单文件编译运行器(使VSC像ide一样运行cpp单文件)
      • 配置CMake多文件编译器
    • 三、安装leetcode以及debug的插件


前言

最近在leetcode刷c++的题,但因为才研一,搞python才是主业,因此舍不得直接开力扣的会员,但是有时候逻辑没错,写出的代码就是无法通过真的很恼火。而debug又要会员。因此作者猛学一波b站的vscode(启蒙老师在最下面的引用),专门写文帮助一下不会的小白和以后遗忘的自己。如果能够帮到你,麻烦给作者点个赞吧 ^ _ ^


一、下载VS Code

1、首先进入vscode的官网点击此处

2、进入官网直接点击下图的Download for Windows进行下载(点击后进入的新页面等一会就会弹出自动下载了)
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第1张图片
3、下载完毕后进行安装,期间一直下一步就行,但是注意遇到下面的这一步,一定记得全打上勾!!
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第2张图片
4、安装完毕后,进入VSCode。此时应该时英文界面,再点击左侧扩展(积木图标),再搜索框输入chinese,然后对第一个点击安装即可完成汉化。
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第3张图片


二、配置VSCode的C++环境

1、安装c++配件。与上面汉化同样的步骤,直接在扩展的搜索栏中打上c++,直接安装第二个。这样很多相应的配件也都会给你安装好。
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第4张图片
2、众所周知,VSCode仅仅能起到编辑器的效果,不算IDE。而c++编辑好后,是要先编译成可执行文件再去执行才能看到结果,因此下面将分别对单文件编译和多文件CMAKE编译进行配置。

配置GCC单文件编译运行器(使VSC像ide一样运行cpp单文件)

1、先进入Winlibs官网点击此处拉到Download的位置进行下载(需要进入github下载,最后有个加速器)。
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第5张图片
(此处作者下载的是zip文件,其实如果有专门的解压7zip的解压工具,推荐下载旁边的,更方便一些)
2、解压下载好的文件,复制进入./bin后的解压路径。以作者的路径为例:D:\software\winlibs-x86_64-posix-seh-gcc-11.2.0-llvm-14.0.0-mingw-w64ucrt-9.0.0-r7\mingw64\bin
3、进入环境变量,在系统变量的PATH中点击新建,将上述路径加入进去。
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第6张图片
4、注意,之后在VS Code运行调试C++代码(.cpp文件名不可以出现汉字)时的时候,按F5,选择下图的第一个,再选择g++.exe即可。可以发现,运行后下面的终端模块就会输出想要的结果,非常的方便!!(但cpp生产可执行文件记得常删,否则一直.exe占着)
在这里插入图片描述

配置CMake多文件编译器

众所周知,cpp中若一个文件需要调用另一个文件的函数,是会报错的。因此跟上面一样:
1、先下载CMake点击此处,点击下图圈处进行下载(建议开加速器)。
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第7张图片
2、解压下载好的文件,复制进入./bin后的解压路径。以作者的路径为例:D:\software\cmake-3.23.1-windows-x86_64\cmake-3.23.1-windows-x86_64\bin
3、进入环境变量,在系统变量的PATH中点击新建,将上述路径加入进去。(同上面配置GCC时候的操作,此处就不贴图了)
4、此时进入再进入有CMakLists.txt的文件夹,最下面就会出现下图所示,直接build即可生成可执行文件(注意在第二个板书处设置编译器,选择GCC即可)。直接点击播放按钮就可以直接生成可执行文件后自动执行。
在这里插入图片描述


三、安装leetcode以及debug的插件

1、同样在左侧的拓展搜索栏中打算leetcode,选择下载第一个和第四个
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第8张图片
2、此时在顶部文件处选择关闭文件夹,过会可能会弹窗口(如下图所示)不弹就自己去下。
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第9张图片
3、点击open,或者自己进入官网点击此处,下载左侧的最新nodes,直接安装就行。
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第10张图片
4、再打开VSCode时,可以发现,此时左侧已经出现了力扣的图标,接下来点击左下角的齿轮,进入设置。
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第11张图片
5、在搜索栏中输入leetcode,并把登录账号的区域设为中国区
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第12张图片
6、紧接着点击力扣图标,进行账户的登录
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第13张图片
7、选择好题目,直接点击code now即可开启刷题之旅。
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第14张图片

8、当要debug时,直接加断点后点击debug即可
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第15张图片

效果如下图所示:
Windows下从零开始在 VS Code 中调试(debug) LeetCode的C++代码(内含详细的如何使VS Code像ide一样运行cpp教程)_第16张图片

启蒙老师:https://www.bilibili.com/video/BV1YL411L7Sg?p=8&share_source=copy_web

你可能感兴趣的:(cpp,c++,leetcode,vscode)