vscode-leetcode 插件实战指南：在 VS Code 中完成 LeetCode 登录、选题、测试与提交的全流程配置

开发工具【免费下载链接】vscode-leetcodeSolve LeetCode problems in VS Code项目地址https://gitcode.com/gh_mirrors/vs/vscode-leetcode点击查看免费下载vscode-leetcode 是一款将 LeetCode 题库完整搬进 VS Code 的扩展让你无需离开编辑器即可完成题目浏览、代码编写、本地测试、在线提交与收藏管理。本文以仓库根目录的 README.md 为主体骨架结合 package.json 的配置声明与src/下的核心实现系统讲解环境要求、登录与端点切换、题目工作流、编辑器快捷方式Code Lens、会话管理以及全部 17 个可配置项的参数含义与默认值帮助你在几分钟内搭建一套可用的刷题环境。一、运行条件与前置检查安装并激活插件前需要先确认宿主环境满足以下两个最低要求参见 README.md 的 Requirements 小节VS Code 1.30.1 及以上注意当前仓库 package.json 中声明的engines.vscode为^1.57.0即插件包本身的运行门槛更高建议直接使用较新的 VS Code 版本。Node.js 10 及以上插件并不直接与 LeetCode 官网通信而是通过内置的vsc-leetcode-cli2.8.1见 package.json这一命令行工具完成数据拉取与提交。因此 Node.js 必须存在于系统PATH环境变量中否则插件初始化会失败。插件在激活时会执行一次环境自检leetCodeExecutor.meetRequirements()见 src/leetCodeExecutor.ts会依次验证 Node.js 可执行文件、检查/安装company、solution.discuss、leetcode.cn三个 CLI 插件并清理旧版本遗留的缓存目录~/.lc。若自检失败插件会弹出错误提示并引导打开输出通道查看详情见 src/extension.ts。如果你的 Node.js 不在默认路径可以通过配置项leetcode.nodePath显式指定可执行文件位置例如 Windows 上的C:\Program Files\nodejs\node.exe。从源码看插件监听leetcode.nodePath配置变化并即时刷新内部引用见 src/leetCodeExecutor.ts。二、快速开始安装后的第一个演示安装插件后在 VS Code 活动栏中会出现 LeetCode 图标视图容器声明见 package.json。点击后即可看到侧边栏的 LeetCode ExplorerProblems 视图。官方提供了完整的操作演示三、登录与登出Sign In / Sign Out3.1 两种登录方式在 LeetCode Explorer 顶部点击Sign in to LeetCode或通过命令面板执行LeetCode: Sign in/LeetCode: Sign out即可完成登录与退出命令注册见 src/extension.ts。插件会打开当前端点对应的授权登录页见 src/leetCodeManager.ts国际站https://leetcode.com/authorize-login/vscode/?pathleetcode.vscode-leetcode中文站https://leetcode.cn/authorize-login/vscode/?pathleetcode.vscode-leetcode3.2 leetcode.com 登录失效的临时解决办法重要提示如果使用leetcode.cn账户可跳过本节。由于 leetcode.com 修改了登录机制插件曾出现无法登录国际站的问题。当前推荐的临时方案是点击Sign In按钮后在 CLI 交互中选择Third Party第三方登录或CookieCookie 登录第三方登录推荐请提前将你的 LeetCode 账户与第三方账号GitHub / LinkedIn绑定登录时选择对应入口即可Cookie 登录从浏览器已登录的 LeetCode 会话中复制 Cookie粘贴到终端交互提示中完成认证。从源码可以看到底层的登录参数映射见 src/shared.tsLeetCode(-l)、Cookie(-c)、GitHub(-g)、LinkedIn(-i)四种登录方式被透传给 CLI。基于 Cookie 的 URI 回调登录则实现在handleUriSignIn()见 src/leetCodeManager.ts插件解析回调 URL 中的 cookie 参数存入全局状态再通过setCookieToCli()以user -c参数写入 CLI 配置最终以Successfully login as 用户名的正则校验登录结果。3.3 登录状态与状态栏登录成功后底部状态栏会显示LeetCode: 用户名见 src/statusbar/LeetCodeStatusBarItem.ts。用户登录状态的变化会触发整个 Explorer 视图刷新见 src/extension.ts保证题目列表、会话等数据与当前账号同步。四、切换端点leetcode.com 与 leetcode.cnLeetCode 分为国际版leetcode.com与中文版leetcode.cn两个站点两者账户不通用。插件默认使用国际版可通过点击 Explorer 导航栏的端点切换按钮或命令LeetCode: Switch Endpoint在两者之间切换。端点切换的实现逻辑见 src/commands/plugin.ts值得注意选择新端点后插件会执行以下三步——调用leetCodeExecutor.switchEndpoint()启用/禁用leetcode.cnCLI 插件见 src/leetCodeExecutor.ts、把leetcode.endpoint配置写入用户设置、自动登出并清空缓存随后提示重新登录。因此切换端点后必须重新登录对应站点的账号。五、选题与题目工作流5.1 查看题目与打开答题文件在 LeetCode Explorer 中对题目执行两种操作Preview Problem在 Webview 中预览题目描述右键菜单项菜单声明见 package.jsonShow Problem直接创建/打开答题文件同时按配置决定是否弹出描述 Webview。此外还有LeetCode: Pick One命令见 src/commands/show.ts从题目池中随机抽一题适合每日一练场景。5.2 答题文件保存位置答题文件默认保存在$HOME/.leetcode/目录可通过以下配置调整leetcode.workspaceFolder指定保存题目文件的工作区根目录leetcode.filePath指定相对于工作区的子目录结构 文件名模板支持按语言分别配置。leetcode.filePath默认值为{ default: { folder: , filename: ${id}.${kebab-case-name}.${ext} } }见 package.json。文件名模板支持以下占位符由 src/commands/show.ts 的resolveRelativePath()逐项解析占位符含义示例题目 Power of Two${id}题目编号231${name}题目原始名称power-of-two${camelCaseName}驼峰命名powerOfTwo${PascalCaseName}帕斯卡命名PowerOfTwo${kebab-case-name}短横线命名power-of-two${snake_case_name}下划线命名power_of_two${ext}语言对应扩展名py/js/java等${language}语言名python3${difficulty}难度小写easy${tag}题目标签多标签时弹出选择math${company}题目公司标签多标签时弹出选择amazon例如配置leetcode.filePath: { default: { folder: src, filename: ${id}_${snake_case_name}.${ext} } }第 231 题Power of Two的 Python 文件就会生成在workspaceFolder/src/231_power_of_two.py。不同语言的扩展名映射定义在 src/shared.ts如bash→sh、golang→go、mysql→sql、python3→py。5.3 切换默认编程语言通过命令LeetCode: Switch Default Language实现见 src/commands/language.ts可以设置默认答题语言也可以在首次打开题目时临时选择插件会提示是否将其设为默认。支持的 17 种语言与 package.json 的 enum 声明一致bash、c、cpp、csharp、golang、java、javascript、kotlin、mysql、php、python、python3、ruby、rust、scala、swift、typescript。六、编辑器快捷方式Code Lens插件在答题文件编辑器顶部提供 5 种 Code Lens 快捷操作CodeLens 注册见 src/codelens/CodeLensController.ts监听leetcode.editor.shortcuts配置变更并即时刷新见同文件 L15-L18快捷方式作用Submit将当前文件提交到 LeetCode 判题Test使用自定义测试用例在本地测试底层调用cli test file [-t cases]Star收藏 / 取消收藏当前题目Solution展示该题目的高票题解来自讨论区Description打开该题目的描述页默认只启用Submit和Test可通过leetcode.editor.shortcuts配置数组自定义可选值submit、test、star、solution、description。对应底层命令见 src/extension.ts 的leetcode.testSolution与leetcode.submitSolution注册实际执行经由leetCodeExecutor.testSolution()/submitSolution()见 src/leetCodeExecutor.ts透传给 CLI。七、按关键字搜索题目点击 Explorer 导航栏的搜索按钮即可在快速选择列表中按关键字过滤题目。搜索列表会展示题号、名称、通过率与难度并标注已解决状态✓与锁定的付费题目其解析逻辑见 src/commands/show.ts。八、管理会话SessionLeetCode 支持在同一账号下建立多个会话Session用于区分不同的刷题计划。点击状态栏的LeetCode: 用户名即可弹出会话管理菜单支持切换切换到已有会话自动刷新 Explorer 题目列表创建输入会话名称创建新会话删除非活动会话可删除有二次确认与输入yes的兜底校验。从源码看会话列表通过 CLI 的session命令输出并解析为「是否激活 id 名称 AC 题目数 AC 提交数」结构见 src/commands/session.ts增删改操作分别映射到session -e/-c/-d参数见 src/leetCodeExecutor.ts。注意活动会话不可删除删除操作不可恢复。九、完整配置项说明下表汇总了插件的全部可配置项信息以 package.json 的contributes.configuration声明为准所有配置均属于application作用域写入用户设置配置项说明可选值 / 默认值leetcode.hideSolved是否隐藏已解决的题目true/false默认falseleetcode.defaultLanguage默认答题语言17 种语言见 5.3默认未设置leetcode.useWsl是否通过 Windows Subsystem for Linux 执行 CLI路径自动转换见 src/utils/wslUtils.tstrue/false默认falseleetcode.endpoint当前端点leetcode国际站/leetcode-cn中文站默认leetcodeleetcode.workspaceFolder保存题目文件的工作区目录字符串路径默认空回退到$HOME/.leetcode/leetcode.filePath题目文件的相对目录 文件名模板可按语言细分对象默认{default: {folder: , filename: ${id}.${kebab-case-name}.${ext}}}leetcode.enableStatusBar是否显示底部状态栏true/false默认trueleetcode.editor.shortcuts启用的编辑器 Code Lens数组可选submit/test/star/solution/description默认[submit, test]leetcode.enableSideMode是否将描述预览、题解、提交结果等 Webview 集中到编辑器第二栏true/false默认trueleetcode.nodePathNode.js 可执行文件路径字符串默认nodeleetcode.showCommentDescription是否在代码注释中内嵌题目描述已废弃0.17.0 起由leetcode.showDescription取代true/false默认falseleetcode.useEndpointTranslation是否使用端点提供的翻译内容关闭后强制英文CLI 传-T参数见 src/leetCodeExecutor.tstrue/false默认trueleetcode.colorizeProblems在 Explorer 树中为题目文件着色并按难度添加徽标true/false默认trueleetcode.problems.sortStrategy题目列表排序策略None/Acceptance Rate (Ascending)/Acceptance Rate (Descending)默认Noneleetcode.allowReportData是否允许向 LeetCode 上报匿名使用数据以改进产品true/false默认true补充说明两点描述展示位置leetcode.showCommentDescription已标记废弃package.json新版请改用leetcode.showDescription其可选值为In Webview默认、In File Comment、Both、None四种枚举见 package.json 与 src/shared.ts。隐藏式提示开关package.json中还定义了一组leetcode.hint.*布尔配置如hint.setDefaultLanguage、hint.configWebviewMarkdown、hint.commandShortcut等默认均开启用于控制各类引导提示气泡不影响核心功能。十、故障排查与资源指引初始化失败 / 无法登录优先查看输出通道Output Channel中的 CLI 报错国际站登录问题参考本文 3.2 节的第三方 / Cookie 登录方案。更换语言、目录结构等所有配置均可通过 VS Code 设置界面搜索leetcode.*直接修改或手动编辑settings.json。插件更新记录见仓库 CHANGELOG.md。开源致谢本插件基于 skygragon 的 leetcode-cli 开源项目开发贡献者名单见 ACKNOWLEDGEMENTS.md。一句话总结vscode-leetcode 通过「VS Code 前端 vsc-leetcode-cli 命令行后端」的架构把 LeetCode 的登录、端点、题库、测试、提交、收藏与会话管理全部收敛到编辑器内掌握本文的环境检查、端点切换、filePath模板与 Code Lens 配置即可按自己的语言与目录习惯定制一条高效的刷题流水线。赞分享开发工具【免费下载链接】vscode-leetcodeSolve LeetCode problems in VS Code项目地址https://gitcode.com/gh_mirrors/vs/vscode-leetcode点击查看免费下载相关推荐vscode-leetcode 插件完整使用指南在 VS Code 中刷题、测试与提交 LeetCodevscode leetcode 插件完整使用指南在 VS Code 中刷题、测试与提交 LeetCode vscode leetcode 是一款在 VS Co开发工具vscode-leetcode终极指南在VS Code中高效刷题的完整流程vscode leetcode终极指南在VS Code中高效刷题的完整流程 想要在熟悉的VS Code环境中刷LeetCode题目吗vscode leetc开发工具【免费下载】 VS Code LeetCode插件使用完全指南VS Code LeetCode插件使用完全指南 前言 作为一名程序员LeetCode刷题是提升算法能力的必经之路。而VS Code作为当下最流行的代码编辑器开发工具上一篇nixos-apple-silicon终极指南在Apple Silicon Mac上安装NixOS的完整步骤下一篇从0到1部署NetMount超简单安装教程5分钟上手云存储统一管理创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考