配套 vscode 刷题插件
插件和本站的关系
插件中的题解和思路都是本站的文章和习题讲解,换句话说,本站包含全部算法教程和习题,并没有什么内容是插件独有的。
只不过有些读者不喜欢在网页上刷题,认为在编辑器或 IDE 中刷题更方便编写和调试代码,于是我开发维护了各个平台的刷题插件,满足这部分读者的需求。
所以,刷题插件只是辅助大家学习本站的配套工具,并不是必须安装的,大家可以根据需求自行选择。
vscode 插件可以让大家在 vscode 编辑器中刷 LeetCode/力扣,同时查看我的思路讲解:
使用方法
本插件是我基于以下两款开源 vscode 插件修改而来:
https://github.com/LeetCode-OpenSource/vscode-leetcode
https://github.com/ccagml/leetcode-extension
这两款插件各有各的优点和缺陷,我尽可能地取长补短,把它们的优势集合起来,并额外添加了一些好用的功能,下面简单介绍一下。
登录 力扣/LeetCode 账号
点击侧边栏的插件图标,点击登录图标,会引导你选择登录中文力扣或英文 LeetCode:
接下来按照提示输入 力扣/LeetCode 的 cURL 命令,即可完成登录。
获取 cURL 命令的方法
1️⃣ 打开官网 https://leetcode.cn/problemset/(国际版为 https://leetcode.com/problemset/),并确保已经登录你的账号。
2️⃣ 打开浏览器开发者工具(Chrome/Edge 按 F12),然后点击 Network 选项卡。
3️⃣ ~ 4️⃣ 刷新页面,选中第一个网络请求,鼠标右键选择 Copy
-> Copy as cURL
。对于 Windows 的 Chrome 浏览器,可能需要点击 Copy
-> Copy as cURL (bash)
。
注意
若出现登录报错,大概率是浏览器给你的 cURL 命令有问题,可以尝试把复制出来的 cURL 命令粘贴到终端中执行,看看是否正常。
非主流的浏览器会有各种奇怪的问题,建议使用 Chrome/Edge 浏览器进行操作。
自定义代码模板
首先一个实用功能是可以配置代码模板,这样你就可以很方便地在本地编译和调试代码了:
题解/思路辅助刷题
另外一个重要的功能,是方便读者查看我的解题思路和详细题解。题目列表中带有 ✨ 标记的都是我讲解过的题目,点开后可以查看我的题解或者思路:
你可以一边写代码一边查看我的思路讲解:
我自己一直在坚持刷算法题并总结解题套路,所以插件中标 ✨ 的题目将会越来越多,所有配套插件都会同步更新。
代码图片注释
「labuladong 思路」中的代码支持直接复制,且代码中的小灯泡图标会弹出图片辅助理解代码逻辑:
算法可视化面板
「labuladong 思路」展开后,解法代码下方会显示一个可交互的算法可视化面板,帮助理解算法的执行过程:
可视化面板的具体功能请参考 算法可视化面板简介。
国际用户切换英文
插件的题解/思路/可视化面板的内容默认为中文。国际用户如果需要切换为英文,可以在 vscode 的设置页面中搜索配置关键词 labuladongLanguage
,将中文改为 English 即可。
安装方法
微软插件商店在国内也可以正常访问,直接在 vscode 的插件商店中搜索关键词「labuladong」即可搜到插件,点击安装即可:
如果搜不到,可以从 vscode 插件商店的网页安装:
https://marketplace.visualstudio.com/items?itemName=labuladong.leetcode-helper
插件配置
在 vscode 的设置页面中搜索关键词 labuladong
,可以看到插件相关的所有配置,可以根据自己的需求进行修改。
更新方式
默认情况下,vscode 会自动检测和更新插件。
更新日志
详见 vscode 插件更新日志。
在插件中解锁本站习题讲解
本站习题章节中的所有题目也可以在插件中学习,不过需要你购买本站会员后手动刷新数据才能解锁对应习题的题解/思路/可视化等功能,具体操作方法参见 会员购买页 下方。
常见问题解决方法
没有 ✨ 标记和题解/思路按钮?
如果没有看到题解/思路按钮,大概率是因为插件数据拉取失败了,你可以手动触发数据拉取,步骤如下:
1、按下快捷键 F1
,会弹出 vscode 插件命令输入框。
2、在输入框输入 labuladong
,就会查到一个 Refresh labuladong.onlin data
的命令。
3、点击这个命令,即可手动触发数据拉取。拉取完成后,题目列表中应该就会出现 ✨ 标记,对应题目就出现题解/思路按钮了。
设置代码文件的名字和路径?
插件支持按照不同的编程语言设置对应的代码文件的存储名称。
在 vscode 的设置页面中搜索配置关键词 labuladong-leetcode filepath
,可以看到一个 Edit in setting.json
选项,点击后可以把你需要的配置写入 settings.json
文件中。
比如可以如下设置 python3 的代码文件的命名规范:
"labuladong-leetcode.filePath": {
"python3": {
"filename": "${id}.${cn_name}.${ext}"
},
// ...
}
可用的变量有:
题号 | 题目英文名 | 题目中文名 | 扩展名 | 当前时间日期 | 驼峰名称 | 下划线名称 | 短横线名称 |
---|---|---|---|---|---|---|---|
${id} | ${name} | ${cn_name} | ${ext} | ${yyyymmdd} | ${camelCaseName} | ${snake_case_name} | ${kebab-case-name} |
bug 反馈
可以在 GitHub 创建 Issue 反馈问题: