欢迎大家来到IT世界,在知识的湖畔探索吧!

前言

不少同学们都喜欢上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项目网址：https://github.com/LeetCode-OpenSource/vscode-leetcode

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官方下载网址：https://nodejs.org/en/】
• Python v3.8.5
• Visual 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 登录，请点击连接（https://github.com/LeetCode-OpenSource/vscode-leetcode/issues/478#issuecomment-）查看登录步骤。

为避免后续登录问题，本人建议各位直接登录中国版（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",

欢迎大家来到IT世界,在知识的湖畔探索吧!

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

（1）通过菜单项【文件】-【首选项】-【设置】进入“设置”窗口；

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

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

3.2.2 设置刷题编程语言

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

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

欢迎大家来到IT世界,在知识的湖畔探索吧!     "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中优雅地进行刷题学习编程了。

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