LeetCode Hot100 Pro

LeetCode 热题 100 一站式 VS Code 刷题插件

简介

在 VS Code 中完成 LeetCode 热题 100 的全流程：浏览题目、编写 14 种语言的解法、在线测试与提交、查看官方/社区题解、本地运行与断点调试。题面与题解在编辑器内原生渲染（公式、语法高亮、多语言代码标签页），判题结果带完整细节。

特性

功能	说明
🔐 一键登录	点击登录自动打开系统浏览器中的 LeetCode 登录页（密码/扫码/第三方均可），完成后自动获取会话；也支持手动粘贴 Cookie。凭证存入 VS Code SecretStorage（系统密钥链加密，不落明文），自动校验与过期检测
📋 题目列表	与官网《热题 100》一致的 100 题：实时显示难度与通过状态（通过打勾）、侧栏总进度（n/100）、分组已解数、状态筛选（未做/已解决/尝试过）、分组方式可切换（按分类/按难度，同难度按题号升序）；搜索题目（题号/中文名/英文名/分类，Ctrl+Alt+F）、随机抽题（全部/未做优先/按难度/随机错题）、每日一题（从 Hot 100 按日期随机抽取、每天固定一题——侧栏节点直接显示当天题目，无需登录，Ctrl+Alt+D）；列表展示通过率，会员题 🔒 标记；本地收藏 ⭐（右键题目行切换，离线可用，侧栏「⭐ 我的收藏」分组入口）
📝 题面渲染	富文本题面/题解，每题单页（重复点击自动聚焦），LaTeX 公式、语法高亮、多语言标签页、官方动画演示（可播放/暂停/逐帧）、官方题解头部信息、相似题目推荐（点击直达）
✅ 测试与提交	一键运行示例测试、提交判题；通过与否都有完整判题详情（输入/输出/预期/错误原因），可一键跳转官方判题页；提交历史（最近 20 条，状态/语言/耗时/时间，点击在浏览器打开；可把云端提交的代码恢复回本地——换设备登录同账号即可找回之前提交的代码，跨设备同步；打开题目时若本地无代码文件而云端有历史提交，自动询问恢复）；下一题（按当前分组顺序前进，Ctrl+Alt+→）
🐞 本地调试	生成含示例与期望输出的调试驱动（判题失败用例可一键带入），链表/树等题型自动还原判题数据结构并逐示例比对，Python 断点直接打在题解文件上
🧪 自定义用例	任意输入用例在线判题（每行一个参数值），也可把判题失败的用例快速带入本地调试
❌ 错题回顾	提交失败自动记录（时间/原因/失败次数），置顶展示可一键重开；间隔复习排期（1/3/7/14/30 天到期待复习，到期的排最前）；「复习错题」按到期顺序逐题过一遍（打开即计入今日已复习，记录跨会话保存，全部复习完提示；重新提交通过自动移出队列、失败重新排期）；提交通过自动移出
📝 题目笔记	每题一份本地 Markdown 笔记（`leetcode/notes/{题号}_{slug}.md`，模板含思路/复杂度/备注），题目行右键或命令面板「打开题目笔记」；多根工作区下自动定位到当前正在做的工作区
▶ 快速运行	当前文件一键在终端编译执行
⌨ 快捷键	默认绑定：Ctrl+Alt+T 测试、Ctrl+Alt+S 提交、Ctrl+Alt+→ 下一题、Ctrl+Alt+F 搜索、Ctrl+Alt+D 每日一题、Ctrl+Alt+R 随机抽题、Ctrl+Alt+W 复习错题、Ctrl+Alt+N 题目笔记、Ctrl+Alt+L 收藏（macOS 为 Cmd+Alt）
🎬 视频题解	下载转码后内嵌播放（自绘控制栏：音量/全屏/进度），自动修复 VS Code webview 无声问题
🌐 网络健壮	超时兜底、禁用死连接复用、TLS 瞬断自动安全重试（杜绝重复提交）

安装

插件市场（推荐）

VS Code Marketplace：搜索 LeetCode Hot100 Pro，或访问 marketplace.visualstudio.com/items?itemName=ShiZiMiao.leetcode
Open VSX（Cursor / VSCodium / Windsurf 等）：open-vsx.org/extension/ShiZiMiao/leetcode

从源码

git clone https://github.com/ShiZiMiao/LeetCode-Hot100-VSCode.git
cd LeetCode-Hot100-VSCode
pnpm install && pnpm run compile
# VS Code 中按 F5 启动扩展开发主机

使用方法

1. 登录

点击状态栏 "LeetCode: 未登录" → "打开浏览器自动登录"：插件用系统的 Edge/Chrome 打开真实的 leetcode.cn 登录窗口（全新隔离的临时浏览器配置，仅用于本次登录、用后即删），你在窗口里正常登录——密码、手机验证码、LeetCode App 扫码、GitHub 第三方都可以——插件随即自动读取会话并完成校验。全程不接触你的账号密码，也不读取你日常浏览器中的任何数据。

没有 Edge/Chrome 或自动方式异常时，展开 "手动粘贴 Cookie"：浏览器登录 leetcode.cn → F12 → Application → Cookies，粘贴 LEETCODE_SESSION 与 csrftoken 两个值（支持整段 Cookie 粘贴自动拆分）。

2. 刷题

侧边栏选择题目 → 首次会询问语言并创建 leetcode/{题号}_{题名}.{ext} → 编写代码 → 编辑器右上角按钮依次可用：▶ 运行（终端执行）、🐞 调试（本地调试驱动）、▷ 测试、☁ 提交。

3. 判题详情

测试/提交后结果写入输出面板「LeetCode 判题结果」（自动展开）：状态（中英双语）、通过用例数、首个失败用例、输入/输出/预期结果、编译/运行时错误；提交失败时 toast 可直接在浏览器打开官方判题页，未通过用例可一键本地调试；原始判题响应可在 JSON 编辑器（可折叠）中按需查看。编译/运行时错误同时以波浪线标注在代码行上。

4. 本地调试

点击 🐞 调试：生成调试驱动到 debug/ 子目录（如 1_two-sum_debug.py），自动注入全部示例并对照题面提取的期望输出（比对语义与判题机一致：列表类输出顺序无关、tuple/list 等价）。

Python：直接启动 VS Code 原生调试会话（需 Python Debugger 扩展，可一键安装），断点打在题解文件上即可命中
Java / C++ / JavaScript / TypeScript / Go / Rust：生成自包含模板并打开，运行查看结果
需已安装对应语言的工具链（python / javac / g++ / node / ts-node / go / rustc）

5. 自定义用例与失败用例调试

自定义用例在线测试：命令 "LeetCode: 用自定义用例测试" 打开 debug/customcase_{题号}_{题名}.txt（每行一个参数值，与网页版一致），编辑后 Ctrl+S 即自动在线判题；再次运行该命令可立即重跑当前内容
失败用例本地调试：判题失败后，toast 上的 "本地调试失败用例"（或命令面板同名命令）会把失败用例的输入与期望值写入调试驱动——多个失败用例时先选择，Python 自动进入调试会话

技术实现

数据层：leetcode.cn GraphQL + REST 封装（题面、测试 interpret_solution、提交、判题轮询、官方/社区题解、登录校验）；列表按 100/页并行分页拉取，状态与难度实时同步
一键登录：playwright-core（vendor 随包）驱动系统 Edge/Chrome 打开隔离临时 profile 的真实登录页，轮询浏览器上下文读取 leetcode.cn 域的两条会话 Cookie；不读浏览器本地 Cookie 数据库（Windows 上已被 v20 App-Bound 加密封堵，且属恶意软件手法）
渲染层：Markdown 在扩展进程渲染为静态 HTML（不依赖 CDN 解析库），题解代码标签页取自官方语言标签；highlight.js 本地打包（明暗主题自动切换），KaTeX 作可选增强
判题详情：通过/未通过统一解析输出通道展示，原始响应在可折叠的 JSON 编辑器中按需查看
网络层：20s 超时、连接不复用、瞬断安全重试（GET 总是重试；POST 仅在请求体未完整发出前重试）

项目结构

src/
├── extension.ts              # 入口：命令注册、题面/题解 webview、判题上报
├── core/
│   ├── authManager.ts        # SecretStorage 会话管理
│   ├── browserLogin.ts       # 浏览器一键登录（Edge/Chrome 临时 profile + Cookie 读取）
│   └── leetcodeApi.ts        # GraphQL/REST 封装 + 重试
├── data/hot100Data.ts        # 热题 100 静态数据
├── views/hot100Provider.ts   # TreeView（按分类/按难度分组、状态/刷题统计/错题复习队列）
└── utils/
    ├── debugUtils.ts         # 各语言调试驱动生成
    ├── languageUtils.ts      # 语言/扩展名映射与选择
    ├── difficultyGroups.ts   # 按难度分组/排序
    ├── studyStats.ts         # 统计分布/连续打卡
    ├── questionOrder.ts      # 分组视图顺序（下一题）
    └── wrongQueue.ts         # 错题队列/失败次数/复习排期

支持语言

刷题 14 种：Python3、Java、C++、C、C#、JavaScript、TypeScript、Go、Rust、Kotlin、Swift、Ruby、Scala、PHP
本地调试驱动 7 种：Python3（原生调试会话）、Java、C++、JavaScript、TypeScript、Go、Rust

开发

pnpm install       # 安装依赖
pnpm run compile   # 编译
pnpm run watch     # 监听编译
pnpm run lint      # 代码检查
pnpm run test:unit # 纯逻辑单测（node:test，无需 VS Code）
pnpm test          # 运行 VS Code 集成测试

更新日志

见 CHANGELOG.md

许可证

MIT

致谢

LeetCode · VS Code
highlight.js · KaTeX · Playwright