『浏览器』如何在vscode当中配置LeetCode插件( 三 )


本文插图
这时候右边会显示出前端网页跳转的请求信息 , 我们找到其中一个名叫all的请求 , 选择Headers , 往下拉就能找到cookie:
『浏览器』如何在vscode当中配置LeetCode插件
本文插图
我们把这一串字符串复制下来 。
重新打开vscode , 打开leetcode插件 , 选择sign in , 这一次在选择登录方式的时候我们选择使用cookie登录:
『浏览器』如何在vscode当中配置LeetCode插件
本文插图
然后输入账号 , 粘贴进我们刚才复制下来的cookie即可 。
顺利的话 , 看到下图红框当中的边栏出现 , 就说明我们已经成功登录了 。
『浏览器』如何在vscode当中配置LeetCode插件
本文插图
leetcode插件使用
leetcode的使用很简单 , 和网页版差距不大 , 我们点开all可以看到所有的问题 , 我们点击问题的标题会自动为我们加载题目的详细信息 , 已经通过的问题会打上绿色的勾 。
『浏览器』如何在vscode当中配置LeetCode插件
本文插图
我们要做题的话就右击选择Show Problem
『浏览器』如何在vscode当中配置LeetCode插件
本文插图
之后会弹出语言让我们选择 , 我们就选择我们最常用的语言就好 。 比如我最近用Python做题 , 就选择Python3:
『浏览器』如何在vscode当中配置LeetCode插件
本文插图
之后选择Just Open The problem file
『浏览器』如何在vscode当中配置LeetCode插件
本文插图
vscode会自动为我们打开一个分屏 。 我们就可以一边看问题一边写代码了 , 不得不说实在是非常方便 。
『浏览器』如何在vscode当中配置LeetCode插件
本文插图
leetcode配置
最后简单讲一下leetcode插件的一些配置 。
leetcode这个插件当中的配置还蛮多的 , 但是我个人觉得最主要的是其中的两个 。 一个是配置我们每个问题代码存放的文件路径 , 方便以后我们找到这些写好的代码 。
这个配置名字叫做leetcode.workspaceFolder , 默认的路径是$HOME/.leetcode 。 这里的HOME是你系统的环境变量 , 不同的系统这个变量指定的位置不一样 。
我们可以打开终端输入
echo $HOME 查看一下我们当前的$HOME目录指向哪里 , 当然我们也可以自己修改这个配置 。 我们打开vscode的配置文件 , 搜索leetcode.workspaceFolder , 就可以找到vscode当中的配置 , 我们修改我们想要的path即可 。
『浏览器』如何在vscode当中配置LeetCode插件
本文插图
另一个配置是编辑器的快捷方式 , 我们仔细观察会发现我们打开的leetcode py文件下面会有两个按钮 。 我这张图里是三个 , 因为我设置过 。

『浏览器』如何在vscode当中配置LeetCode插件
本文插图
这些按钮是可以点击的 , 它们都有具体的功能 。 比如Submit是提交当前的code到leetcode网站 , 帮我们提交代码 。 Test是执行样例 , 看看样例是否能够通过 。 除了这两个之外还有两个 , 一个叫做Solution , 可以查看当前最高赞的代码 。 另一个是Description , 是显示问题描述 。
我们可以在leetcode.editor.shortcuts配置当中进行修改:
『浏览器』如何在vscode当中配置LeetCode插件


推荐阅读