龙空技术网

Visual Studio Code 扩展介绍 - LeetCode(刷题利器)

清枫Jason 5783

前言:

目前小伙伴们对“vscodec语言的下载扩展是哪个”大致比较着重,咱们都想要剖析一些“vscodec语言的下载扩展是哪个”的相关知识。那么小编在网摘上收集了一些对于“vscodec语言的下载扩展是哪个””的相关内容,希望看官们能喜欢,同学们快快来了解一下吧!

前言

不少同学们都喜欢上LeetCode网站刷题学习编程,但网站刷题有时会觉得不太爽,没关系,强大万能的 Visual Studio Code 扩展就中有一款LeetCode刷题利器扩展——LeetCode,有了这个扩展,就可以直接在本机 Visual Studio Code上便捷地进行LeetCode刷题了。下面就给朋友们介绍分享一下这款刷题利器扩展。

1. 扩展简介

LeetCode是力扣(LeetCode)官方提供的一款Visual Studio Code 扩展,能完美实现在Visual Studio Code进行LeetCode刷题学习编程 。

(1)扩展名称:LeetCode

(2)扩展简述:在 VS Code 中进行LeetCode编程学习

(3)开发者: 力扣 LeetCode

(4)最新版本: v0.17.0 (2020/06/30)

(5)GitHub项目网址:

2. 扩展安装

准备工作:

本扩展安装之前需要提前安装配置好Visual Studio Code和Node.js,再加上你用于刷题的编程语言(本文以Python为例)及VS Code上的Python扩展:

Visual Studio Code v1.47.3 (要求1.23.0及以上版本)Node.js v12.18.3(要求10及以上版本) 【Node.js官方下载网址:】Python v3.8.5Visual Studio Code上的Python扩展(Microsoft发布的那款)

注:请确保Node在PATH环境变量中。也可以通过设定 leetcode.nodePath 选项来指定 Node.js 可执行文件的路径。可通过在命令行输入node -v命令后能正确显示安装版本即表示安装成功。

安装扩展:

Visual Studio Code 上安装 LeetCode 扩展非常简单,步骤如下:

(1)打开 Visual Studio Code 软件,鼠标点击左侧的扩展图标(见标号1处)

(2)在右侧出来的扩展: 商店下的搜索栏中输入“LeetCode”(见标号2处);

(3)选择 LeetCode 扩展,点击右侧的Install按钮(见标号3处)进行扩展安装;

(4)本扩展安装过程很快,安装完毕不用重启即可使用。

3. 扩展使用

安装完 LeetCode 扩展后,就可以在 Visual Studio Code的侧边栏看到新增了一个图标(下图中标号1处的红框内),点击该图标后即可看到LeetCode Explorer窗口(图中大红框区域)。

3.1 登录

LeetCode 扩展目前支持美国版(leetcode.com)和中国版(leetcode-cn.com)的LeetCode。扩展默认激活的是美国版。

根据LeetCode扩展官方提示:由于近期 leetcode.com 改变了登录机制,导致LeetCode扩展出现无法登录美国版(leetcode.com)的问题,但目前尚未找到解决该问题的完美解决方案。

注:官网LeetCode扩展官方提示一个临时解决办法。可以直接点击登录按钮并选择第三方登录或者 Cookie 登录。如果使用第三方登录(推荐),请确保账户已经与第三方账户连接。如果通过 Cookie 登录,请点击连接()查看登录步骤。

为避免后续登录问题,本人建议各位直接登录中国版(leetcode-cn.com)。

可以通过如下操作完成对中国版(leetcode-cn.com)的LeetCode配置:

(1)通过菜单项【文件】-【首选项】-【设置】进入“设置”窗口;

(2)在“设置”窗口上方的搜索框中输入Leetcode: Endpoint(长条红框内标号1处);

(3)在下方Leetcode: Endpoint配置项下(红框标号2处)选择leetcode-cn。如下图示:

也可以通过点击 LeetCode Explorer 导航栏中的地球状按钮来切换两种版本(如下图示)。

可以通过以下几种方式进入登录环节:

(1)点击 LeetCode Explorer 窗口上方的 Sign in to LeetCode

(2)点击 LeetCode Explorer 窗口导航栏的Sign In按钮

(3)通过快捷键Ctrl+Shift+P调出命令面板,输入“LeetCode: Sign in”

目前LeetCode扩展支持以下四种LeetCode方式来完成登录(如下图示):

(1)使用LeetCode账号(目前美国版尚不支持)来登录

(2)使用第三方应用GitHub账号来登录

(3)使用第三方应用LinkedIn账号来登录

(4)首先通过浏览器成功登录LeetCode网站,然后使用从浏览器复制而来的LeetCode cookie来登录

注:以上均需有已经可以成功登录LeetCode网站的账号。若还没有账号则请先行注册申请。

本文选择第一种方式(使用leetcode-cn.com账号来登录),首先提示输入用户名(如下图示):

输入正确的用户名后按回车键进行确认(若输入有误可按ESC键进行取消),进入提示输入密码环节(如下图示)。

输入正确的密码后按回车键进行确认(若输入有误可按ESC键进行取消),会提示登录成功(在窗口右下方显示提示信息“Successfully sign in.”),同时会在LeetCode Explorer 窗口中按照All、Difficulty、Tag、Company和Favorite这五种分类显示出所有问题。

3.2 刷题前的配置

上面登录成功后,首次刷题前还需要进行几项基本配置:

3.2.1 设置LeetCode工作区目录路径

在首次刷题前,建议设置好LeetCode工作区目录路径,可通过如下两种方式来进行配置:

方式一、直接在settings.json文件中添加配置项:

    "leetcode.workspaceFolder": "C:\\MyCode\\VSCodeWS\\LeetCode",

方式二、通过【首选项】-【设置】窗口对LeetCode.WorkspaceFolder配置项进行配置

(1)通过菜单项【文件】-【首选项】-【设置】进入“设置”窗口;

(2)在“设置”窗口上方的搜索框中输入LeetCode.WorkspaceFolder(长条红框内标号1处);

(3)在下方Leetcode: Workspace Folder配置项下(红框标号2处)输入你希望放置的LeetCode工作区目录路径(如本文选择的是C:\MyCode\VSCodeWS\LeetCode)。如下图示:

3.2.2 设置刷题编程语言

在首次刷题前,建议设置好刷题编程语言,可通过如下两种方式来进行配置:

方式一、直接在settings.json文件中添加配置项:

     "leetcode.defaultLanguage": "python3",

方式二、通过【首选项】-【设置】窗口对LeetCode.DefaultLanguage配置项进行配置

(1)通过菜单项【文件】-【首选项】-【设置】进入“设置”窗口;

(2)在“设置”窗口上方的搜索框中输入Leetcode.DefaultLanguage(长条红框内标号1处);

(3)在下方Leetcode: Default Language配置项下(红框标号2处)选择用来刷题时的编程语言(如本文选择的解题编程语言是Python3)。如下图示:

注:刷题编程语言是可以随时根据实际情况加以切换的(前提是必须提前安装好相应的语言扩展和编译环境)。

3.3 刷题

到此才算可以进入真正的刷题环节了。

3.3.1 选择并浏览题目

首先在LeetCode Explorer 窗口根据自己的情况选择All、Difficulty、Tag、Company和Favorite这五种分类的一种(如本文选择All分类),会在此分类下列出对应的所有题目 。

然后选择All分类下的某一题目,直接点击题目 或者 在 LeetCode Explorer 中右键题目并选择 Preview Problem 可查看浏览题目(查看题目描述)。

进入浏览题目窗口,显示题目描述信息:

注:在LeetCode Explorer 窗口导航栏最右侧省略号点击Pick One就可以随机选择一个题目。

3.3.2 解题

浏览完题目要求后,可以通过两种方式进入编码解题环节:

方式一、直接点击上图右下角的【Code Now】

方式二、通过在 LeetCode Explorer窗口 中右键题目(1.两数之和)并选择 Show Problem 。

新增编码解题窗口,同时会在LeetCode工作区目录路径下生成相应的py源文件(如:1.两数之和.py):

3.3.3 提交

在图中大红框区域添加本题的Python代码后,一般通过如下操作来提交解题:

(1)先选择右下角的【Test】按钮,用给定的测试用例来测试你的解答。如果成功就可以执行下一步【Submit】提交;如果失败则重新修改代码直至成功为止。

(2)选择右下角的【Submit】按钮直接提交你的解答到LeetCode。

如果LeetCode判断该题解题成功,则会在新增的Submission窗口中显示Accepted等(如下图右侧红框消息),同时会在LeetCode Explorer 窗口对应题目前添加一个图标(绿色的对勾)。

如果LeetCode判断该题解题失败,则会在新增的Submission窗口中显示Runtime Error等(如下图右侧红框消息),同时会在LeetCode Explorer 窗口对应题目前添加一个图标(红色的叉)。

3.3.4 查看该题的高票解答

解完题后可以通过在 LeetCode Explorer 中右键题目并选择 Show Top Voted Solution来查看本题当前高票解答 。

在新增的Solution窗口中会给出该题用Python语言给出的高票解答:

3.4 登出

可以通过快捷键Ctrl+Shift+P调出命令面板,输入“LeetCode: Sign out”来退出登录。

退出登录后会在窗口右下方显示提示信息“Successfully signed out.”,同时在LeetCode Explorer 窗口中恢复成登录前的原状。

3.5 附录-扩展配置项说明

结束语

Visual Studio Code 安装上这款 LeetCode 扩展后,各位爱学习的小伙伴们不用登录leetcode网站,就可以直接在Visual Studio Code中优雅地进行刷题学习编程了。

希望介绍的这款扩展能对您有所帮助!喜欢的话就点个赞加关注支持一下哈:)

标签: #vscodec语言的下载扩展是哪个