在 vscode 上刷力扣 Leetcode 可以这样来

背景

神奇的算法网站 LeetCode 值得驻留,网页版似乎不太方便,作为习惯于在编译器上敲代码的你,如何 vscode 上优雅的刷力扣 Leetcode,在本地配置,记录下来方便备查。
环境前置:电脑具备 NodeJs环境

第一步、安装插件

在左侧栏的 Vscode 插件中心中搜索并安装 LeetCode 插件(官方的-即第一个安装量最多的)。
在 vscode 上刷力扣 Leetcode 可以这样来_第1张图片
安装成功,在左侧栏会出现 LeetCode 标志,点击 启用 中国版 LettCode ,方便登录账号。
在 vscode 上刷力扣 Leetcode 可以这样来_第2张图片

注意:若 没有NodeJs 环境,可能在成功安装插件后,没有 sign in 登录的按钮。

第二步、账号登录

账号登录主要有四种方式,LeetCode 账号,github 账号,领英账号或 LeetCode Cookie,
在 vscode 上刷力扣 Leetcode 可以这样来_第3张图片
下面介绍两种登录方式。
1、LeetCode 账号方式
账号可以输入注册绑定的邮箱,按照提示输入登录密码即可。若是使用手机号注册的,输入账号密码即可
在 vscode 上刷力扣 Leetcode 可以这样来_第4张图片
此方法试了两次没有成功,可能是一直用github第三方账号登录的。

2、LeetCode Cookie 方式
Cookie 方式是从网页复制cookie信息,来实现登录,这种方式登录成功率较高。
在 vscode 上刷力扣 Leetcode 可以这样来_第5张图片
在LeetCode 网站个人首页,F12 打开调试页面,在控制台输入 document.cookie 获取个人的cookie信息,复制出来。
在 vscode 上刷力扣 Leetcode 可以这样来_第6张图片
账号登录成功,在左侧目录树会加载到题库,按照 Difficulty 难易,Tag 类型,company 公司等分类,自动同步并标识已经完成的试题。
在 vscode 上刷力扣 Leetcode 可以这样来_第7张图片
加载试题等信息。
在 vscode 上刷力扣 Leetcode 可以这样来_第8张图片

双击左侧的算法试题,可以分屏查看算法描述,在编辑器编写代码,调试并提交。
在 vscode 上刷力扣 Leetcode 可以这样来_第9张图片
对于 Java 语言,会提示安装调试扩展包和调试插件,推荐安装。
在 vscode 上刷力扣 Leetcode 可以这样来_第10张图片
完成以上操作,就可以愉快的刷题啦~

问题处理

1、无法登录
验证终端设置
点击 LeetCode 插件的设置,查看 EndPoint 的设置是否为 leetcode-cn
在 vscode 上刷力扣 Leetcode 可以这样来_第11张图片

你可能感兴趣的:(后端开发,vscode,leetcode,ide)