AtCoder-Helper：让 VSCode 成为你的 AtCoder 助手

Cheese_zzz · 2026-07-16 20:53:07 · 科技·工程

AtCoder-Helper：让 VSCode 成为你的 AtCoder 助手

更好的阅读体验

在参加 AtCoder 比赛时，你是否经常需要在浏览器和 VSCode 之间来回切换？

为了减少这一过程中的重复操作，我们开发了 AtCoder Helper。它将题目浏览、翻译、比赛报名以及代码提交等常用功能整合到 VSCode 中，让你可以更加专注于算法本身。

::::info[预览图]

::::

功能特性

• 题目浏览：输入比赛编号，一键加载该场比赛的全部题目。

• LaTeX 渲染：服务端使用 KaTeX 进行预渲染，WebView 中可直接查看排版后的数学公式。

• DeepL 翻译：支持将题目一键翻译为中文，阅读更加轻松。

• 参赛报名：支持一键完成 Rated 比赛报名。

• 代码提交：无需离开 VSCode，即可直接提交代码参加比赛。

技术原理

它通过通过双进程架构运行，由 Node 后端向 AtCoder 发送 HTTP 请求爬取 AtCoder 页面 HTML 并解析数据。之后由 WebView 渲染 UI 并显示（详细原理请见 Github 的 README 文件）。

快速开始

1. 打开 VSCode 拓展界面，搜索 AtCoder Helper neo 并进行安装（发布者为 Hoshino）。

2. 安装完成后，按下 Ctrl + Shift + P 打开命令面板，输入 AtCoder 即可开始使用。

后记

本文的后续勘误，更新会在个人 Blog 进行，洛谷的文章将不会更新。

项目仍在持续开发中，欢迎提出 Issue 或 Pull Request。

更多信息请访问 GitHub 仓库。

如果这个插件对你有所帮助，欢迎点一个 ⭐ Star，这将是我们持续完善项目的最大动力。

AI 使用说明：本插件部分内容使用了 AI 编写，本文使用 Chat GPT 润色，保证本人贡献不小于 AI。