Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Quitting timeNew to Visual Studio Code? Get it now.
Quitting time

Quitting time

pengweifu

|
8 installs
| (0) | Free
显示距离下班时间的倒计时,支持节假日配置
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Quitting time

VSCode 侧边栏下班倒计时插件,支持自定义上下班时间、休息日、本地节假日配置。

✨ 新功能 v2.0

  • 🎨 全新侧边栏面板:精美的 HTML+CSS 界面,视觉体验远优于状态栏文字
  • ⏱️ 实时倒计时显示:大字体数字显示,清晰直观
  • 📊 工作进度条:可视化展示今日工作完成进度
  • 🌈 主题自适应:自动适配 VS Code 深色/浅色主题
  • 🎯 快捷操作按钮:一键打开设置、刷新节假日配置
  • 🔔 智能状态提示:上班前/工作中/已下班不同状态提示

功能亮点

  1. 侧边栏精美面板,每秒刷新时分秒,带工作进度条
  2. 鼠标悬浮展示详情浮窗,支持自定义提示文案与变量占位符
  3. 点击按钮一键打开插件设置面板
  4. 内置命令:
    • 打开插件设置
    • 刷新节假日配置(无需重启 VSCode)
    • 直接打开 holiday.json 节假日文件编辑
    • 打开倒计时侧边面板
  5. 灵活休息日配置,支持双休/单休/大小周
  6. 本地 holiday.json 维护法定节假日、调休工作日
  7. 智能显隐逻辑:节假日/周末自动隐藏,调休工作日强制显示
  8. 区分三种状态:上班前蓝色、工作中黄色、已下班绿色

使用方法

打开倒计时面板

  1. 点击左侧活动栏的时钟图标 🕐
  2. 或使用命令面板(Ctrl+Shift+P)执行:下班倒计时:打开倒计时侧边面板

配置说明

快捷键 Ctrl + , 打开设置,搜索 pengwf-off-duty:

  • pengwf-off-duty.onHour:上班小时,默认 9
  • pengwf-off-duty.onMinute:上班分钟,默认 0
  • pengwf-off-duty.offHour:下班小时,默认 18
  • pengwf-off-duty.offMinute:下班分钟,默认 0
  • pengwf-off-duty.restWeekDay:每周休息日,0=周日,6=周六,默认 [0,6]
  • pengwf-off-duty.tipWorkingText:倒计时中自定义悬浮文案,支持 {hour} {minute} {second} {offTime}
  • pengwf-off-duty.tipOffText:已下班自定义悬浮文案

节假日使用步骤

  1. 命令面板执行:下班倒计时:打开节假日配置文件 holiday.json
  2. 在 holidays 数组添加放假日期,workDays 添加调休上班日期
  3. 保存文件后执行命令:下班倒计时:刷新节假日配置,立即生效
  4. 或在面板中点击「🔄 刷新节假日」按钮

命令列表(Ctrl+Shift+P)

  1. 下班倒计时:打开设置面板
  2. 下班倒计时:刷新节假日配置
  3. 下班倒计时:打开节假日配置文件 holiday.json
  4. 下班倒计时:打开倒计时侧边面板 ⭐

安装方式

方式1:VSIX 离线安装

  1. 执行 vsce package 生成安装包
  2. VSCode 扩展面板 → 右上角「从 VSIX 安装」

方式2:插件市场在线安装

商店搜索「Quitting time」一键安装

版本更新

修改 package.json 的 version 字段,执行:

vsce publish patch

截图预览

  • 倒计时面板显示剩余时间和工作进度
  • 自动适配 VS Code 主题颜色
  • 休息日显示特殊提示页面
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft