Command Code Usage
在 VS Code 状态栏显示 Command Code 套餐用量,点击展开完整的用量面板。

功能
- 状态栏实时显示 5 小时用量百分比(可切换为每周 / 每月),并附带套餐名。
- 点击展开面板:套餐名与订阅状态、5 小时 / 每周 / 每月三条额度进度条、各自的重置倒计时、本月请求次数与续订时间。
- 自动刷新:默认每 60 秒拉取一次,面板内的倒计时每 15 秒本地更新。
- 额度使用率偏高时状态栏会变黄(≥90%)或变红(用尽),面板进度条同样按 75% / 90% 变色。
- 跟随 VS Code 深色 / 浅色主题。

面板布局:
用量 GOAT 套餐 · active
用量限额
5 小时 █░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1% 35m 后重置
每周 ███████░░░░░░░░░░░░░░░░░░░░░░░ 22% 5d 15h 后重置
每月 ███░░░░░░░░░░░░░░░░░░░░░░░░░░░ 11% 29d 后重置
1,248 本月请求次数 · 29 天后续订 更新于 23:46:26 刷新
安装与运行
npm install
npm run compile
然后在 VS Code 中打开本目录,按 F5 启动扩展开发宿主窗口即可看到状态栏条目。
打包成 .vsix:
npx @vscode/vsce package
code --install-extension commandcode-usage-0.1.0.vsix
认证
扩展按以下顺序查找 Command Code 凭证:
- 设置项
commandCodeUsage.apiKey
- 环境变量
COMMAND_CODE_API_KEY
~/.commandcode/auth.json 中的 apiKey(cmd 登录后由 CLI 写入)
也就是说,只要本机已经 cmd 登录过,通常无需任何额外配置。
配置项
| 设置 |
默认值 |
说明 |
commandCodeUsage.apiKey |
"" |
手动指定 API Key,留空则自动读取 |
commandCodeUsage.apiBaseUrl |
https://api.commandcode.ai |
API 地址 |
commandCodeUsage.refreshInterval |
60 |
自动刷新间隔(秒,最小 15) |
commandCodeUsage.statusBarMetric |
fiveHour |
状态栏显示的指标:fiveHour / weekly / monthly |
commandCodeUsage.showPlanName |
true |
状态栏是否显示套餐名 |
命令
Command Code: 显示用量面板(点击状态栏条目同效)
Command Code: 刷新用量
数据来源
扩展读取 Command Code CLI 使用的同一组接口:
GET /alpha/whoami?limits=1
GET /alpha/billing/credits
GET /alpha/billing/subscriptions
GET /alpha/usage/summary
百分比算法与 CLI 的 /usage 面板一致(5 小时、每周 = used / cap;每月 = 已用额度 / 套餐总额度)。这些接口属于 CLI 内部接口,可能随版本变化而调整。
开发
npm run watch
src/usage.ts 负责接口请求与百分比计算,src/panel.ts 负责 Webview 宿主,media/ 下是面板的样式与脚本。