Quitting time
VSCode 侧边栏下班倒计时插件,支持自定义上下班时间、休息日、本地节假日配置。
✨ 新功能 v2.0
- 🎨 全新侧边栏面板:精美的 HTML+CSS 界面,视觉体验远优于状态栏文字
- ⏱️ 实时倒计时显示:大字体数字显示,清晰直观
- 📊 工作进度条:可视化展示今日工作完成进度
- 🌈 主题自适应:自动适配 VS Code 深色/浅色主题
- 🎯 快捷操作按钮:一键打开设置、刷新节假日配置
- 🔔 智能状态提示:上班前/工作中/已下班不同状态提示
功能亮点
- 侧边栏精美面板,每秒刷新时分秒,带工作进度条
- 鼠标悬浮展示详情浮窗,支持自定义提示文案与变量占位符
- 点击按钮一键打开插件设置面板
- 内置命令:
- 打开插件设置
- 刷新节假日配置(无需重启 VSCode)
- 直接打开 holiday.json 节假日文件编辑
- 打开倒计时侧边面板
- 灵活休息日配置,支持双休/单休/大小周
- 本地
holiday.json 维护法定节假日、调休工作日
- 智能显隐逻辑:节假日/周末自动隐藏,调休工作日强制显示
- 区分三种状态:上班前蓝色、工作中黄色、已下班绿色
使用方法
打开倒计时面板
- 点击左侧活动栏的时钟图标 🕐
- 或使用命令面板(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:已下班自定义悬浮文案
节假日使用步骤
- 命令面板执行:
下班倒计时:打开节假日配置文件 holiday.json
- 在
holidays 数组添加放假日期,workDays 添加调休上班日期
- 保存文件后执行命令:
下班倒计时:刷新节假日配置,立即生效
- 或在面板中点击「🔄 刷新节假日」按钮
命令列表(Ctrl+Shift+P)
- 下班倒计时:打开设置面板
- 下班倒计时:刷新节假日配置
- 下班倒计时:打开节假日配置文件 holiday.json
- 下班倒计时:打开倒计时侧边面板 ⭐
安装方式
方式1:VSIX 离线安装
- 执行
vsce package 生成安装包
- VSCode 扩展面板 → 右上角「从 VSIX 安装」
方式2:插件市场在线安装
商店搜索「Quitting time」一键安装
版本更新
修改 package.json 的 version 字段,执行:
vsce publish patch
截图预览
- 倒计时面板显示剩余时间和工作进度
- 自动适配 VS Code 主题颜色
- 休息日显示特殊提示页面
| |