VS Code 安装 LeetCode 插件

练习算法绕不开的一个网站就是力扣,很多小伙伴为了拿到大厂 offer,刷题都刷到吐了。

然而如果直接在 LeetCode 上写代码,那是很痛苦的一件事,那就相当于用 txt 写代码一样,没有 IDE 的各种功能。

VS Code 的 LeetCode 插件帮助我们解决了这一问题。以下是官方教程:https://github.com/jdneo/vscode-leetcode/blob/master/docs/README_zh-CN.md

其实这个教程已经很详细了,我只是在个别地方做了补充。

安装 LeetCode 插件

首先需要安装的是 Node.JS,因为 LeetCode 插件依赖 Node.JS。Node.JS 官网地址:https://nodejs.org/en/

Node.JS 的安装很简单,一直下一步就可以了。要注意的是,必须将 Node.JS 安装目录添加到环境变量,现在的安装版本默认就是添加的,如果没有,则手动添加一下。

其次在 VS Code 中搜索并安装 LeetCode 插件。

LeetCode 插件(1).png

安装完成之后,左边会出现一个 LeetCode 图标,见下图:

LeetCode 插件(2).png

登录 LeetCode

点击【LeetCode】图标,然后点击登录 LeetCode 账户。

LeetCode 插件(3).png

然后你很可能就登录失败了。报 invalid password,你以为是密码输错了,然后就重试了一遍又一遍,结果还是不行。崩溃!!!

LeetCode 目前有英文版(leetcode.com)和中文版(leetcode-cn.com)两种版本。点击 LeeCode 插件(4).png 切换到中文版再试一下!!!

答题

选择你要做的题目,右键

LeetCode 插件(4).png

  • 点击【Preview Problem】可以查看题目描述
  • 点击【Show Problem】可进行答题。

答题前需要先选择语言:

LeetCode 插件(5).png

选择语言之后,需要选择一个 workspace。官方文档中说,需要更新配置项 leetcode.workspaceFolder,但是,如果你用的是最新版的 VS Code,就没那么麻烦了。我不得不说,最新版的 VS Code 配置上改变得很好了,以前的配置,如果你不习惯的话,那就是反人类的。新版的配置变得非常的简单了,点点就好。

LeetCode 插件(6).png

最后,写完之后可以点击代码下面的【Test】按钮测试,或是【Submit】按钮提交。

LeetCode 插件(7).png

结果在右侧显示:

LeetCode 插件(8).png


  • 24
    点赞
  • 126
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
### 回答1: 1. 打开VS Code编辑器。 2. 在左侧菜单栏中选择“扩展”选项。 3. 在搜索框中输入“leetcode”,然后按下回车键。 4. 找到“LeetCode插件并点击“安装”按钮。 5. 安装完成后,重新启动VS Code编辑器。 6. 在左侧菜单栏中选择“扩展”选项,然后找到“LeetCode插件并点击“启用”按钮。 7. 点击左侧菜单栏中的“LeetCode”图标,即可开始使用LeetCode插件。 ### 回答2: VS Code 是一款轻量级代码编辑器,由于其强大的扩展性,非常适合开发者使用。而在这些扩展中就包括了 LeetCode 插件,可以帮助开发者快速解决 LeetCode 题目,并精准评测代码的效率。 安装 LeetCode 插件安装 LeetCode 插件,首先需要在 VS Code 编辑器中,打开“扩展”菜单。在搜索框中输入“LeetCode”,在搜索结果中选择“LeetCode - VS Code Extension”,点击“安装”即可。 使用 LeetCode 插件 安装成功后,可以进入 LeetCode 官网,在题目页面上找到一个名为“Run Code”的按钮,点击这个按钮,选择使用 VS Code 进行编辑,就会打开 VS Code 编辑器,同时创建一个名为“LeetCode”的项目文件夹。 在这里面已经有两个文件了,分别为 readme.md 和.jest.config.js,其中 readme.md 中具体讲解了 LeetCode 扩展的功能,而 .jest.config.js 则是项目的配置文件。你可以通过创建新的文件或者打开已有的文件,来进行题目解答。 解答 LeetCode 题目 当打开一个题目的文件后,可以看到题目描述,以及一个名为“Test cases”的区域。在这个区域中,会给出该题目的测试用例,你只需要在代码区域中,写下解答代码,并点击“提交”按钮,就可以自动执行测试用例,同时给出测试结果以及代码的时间复杂度和空间复杂度的评估。 总结 通过 VS Code LeetCode 插件,开发者可以轻松地解决 LeetCode 的算法题目,还可以针对代码进行优化,提供不同的解法,实现自我提升。这个插件安装和使用是非常简单的,一旦上手了,就可以轻松应对算法面试和挑战,提升自己的竞争力。 ### 回答3: VS Code是一款通用代码编辑器,也是LeetCode插件的支持者。快速安装LeetCode插件不仅可以帮助您团队中的您更加轻松地编写数据结构和算法,还可以更高效地消除代码中的错误和问题。 首先,在VS Code中打开“扩展”面板,如下图所示: ![image.png](https://cdn.nlark.com/yuque/0/2021/png/2448766/1621212678357-5ed9cec3-f8f7-48b0-8b06-b75cf8255bd6.png#align=left&display=inline&height=243&margin=%5Bobject%20Object%5D&name=image.png&originHeight=243&originWidth=454&size=7383&status=done&style=none&width=454) 搜索“LeetCode”,找到所需的LeetCode插件,如下图所示: ![image.png](https://cdn.nlark.com/yuque/0/2021/png/2448766/1621212678403-e7c99b7a-b0ca-4b80-91fc-75928587f54e.png#align=left&display=inline&height=456&margin=%5Bobject%20Object%5D&name=image.png&originHeight=456&originWidth=600&size=24842&status=done&style=none&width=600) 找到插件后,单击“安装”按钮,开始安装插件安装完成后,您将能够看到LeetCode插件的详细信息和功能列表,如下图所示: ![image.png](https://cdn.nlark.com/yuque/0/2021/png/2448766/1621212678456-d9abf23d-6c6b-43f6-9bd0-aeae2684070e.png#align=left&display=inline&height=623&margin=%5Bobject%20Object%5D&name=image.png&originHeight=623&originWidth=856&size=43934&status=done&style=none&width=856) 您可以选择使用插件中的LeetCode提示,打开LeetCode网站上已解决的问题,甚至在插件中编写并提交代码。祝您在LeetCode的学习过程中成功!
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值