「环境配置」在VS Code中配置LeetCode

本博客记录在VS code中配置LeetCode的过程,在VS Code中可以方便我们调试代码。

一、配置环境

1、安装VSCode并配置环境

Leetcode插件本身是不需要配置编程语言环境的,因为它使用的是LeetCode官方编译器进行调试。

所以正常只需要安装VSCode即可,这一步比较简单。

2、 安装LeetCode插件

在插件扩展中搜索LeetCode插件,安装热度最高的那个即可。

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/安装LeetCode.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/安装LeetCode.png)

3、 安装Node.js

在安装完LeetCode插件之后,点击LeetCode插件的选项页,会提示你安装Node.js,按照安装程序的提示安装即可。

Node.js在安装完成之后会自动配置环境变量,但需要记住安装位置,后边配置LeetCode会使用到。

4、登录LeetCode账户

完成上述操作后,建议重启一次VS Code。

(1)修改站点

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/修改站点为中国LeetCode.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/修改站点为中国LeetCode.png)

(2)登录账户

登录账户前请登录网页版LeetCode确认自己的账户名(非昵称)和密码(很可能没有设置)。

然后点击LeetCode插件按钮,点击Sign in LeetCode,然后输入自己的账号和密码,即可登录。

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/登录LeetCode.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/登录LeetCode.png)

5、 配置Node.js路径

点击扩展按钮,选中LeetCode插件,鼠标右键选择扩展设置
找到Node Path,选择相应路径。

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/配置nodejs路径.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/配置nodejs路径.png)

6、 配置文件路径

编程的代码文件都会保存到本地,默认路径为“$HOME.leetcode”。

我们可以自行设置其保存到我们的项目路径
点击扩展按钮,选中LeetCode插件,鼠标右键选择扩展设置
找到Workspace Folder,输入绝对路径。

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/答案文件路径.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/答案文件路径.png)

这样我们就可以在当前路径中找到我们写过的每一个问题的代码:

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/问题代码展示.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/问题代码展示.png)

二、使用操作

1、选择题目

LeetCode插件提供类似网页版的题目筛选功能,可以按照题目序号、难度、标签等筛选。

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/选择题目.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/选择题目.png)

2、编辑题目代码

选择一个题目,双击就能出现具体的题目描述。

左侧显示编程窗口,右侧显示题目描述。

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/题目描述.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/题目描述.png)

如果代码中出现STL报错,这是因为默认模板中并没有增加STL头文件,

为了方便编程过程中提示,我们可以主动增加头文件。

点击上图中的Submit按钮就可以提交结果,

3、使用测试用例

点击Test,会有三个选项供你选择。

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/测试用例.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/测试用例.png)

需要注意的是:在使用第二个自行输入用例时,可能有的用例会有多个输入,需要用到换行符,由于LeetCode插件默认“Enter”键为输入结束,所以输入用例时不能使用“Enter”表示换行,需要我们手动输入“\n“代替换行符。

4、打印输出信息

在代码中添加输出信息,然后使用Test可以输出信息。

![](/img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/使用测试案例输出信息.png)

![](..//img-post/环境配置/2021-11-15-在VS Code中配置LeetCode/使用测试案例输出信息.png)