Daily TODO Manager
一个功能强大的 VS Code 扩展，帮助您管理每日待办事项，支持定时提醒和完整的任务管理功能。
✨ 功能特性
📋 任务管理
- ✅ 添加、编辑、删除待办事项
- ✅ 勾选完成/未完成状态
- ✅ 按日期分组显示任务
- ✅ 任务统计和进度显示
- ⏰ 设置任务开始时间和结束时间 (HH:MM 格式)
- 📊 任务时间可视化显示
⏰ 智能提醒
- 🌅 早上 10:00 - 提醒查看今日待办事项
- 🌙 晚上 20:00 - 提醒填写明日待办事项
- ⚙️ 可自定义提醒时间
- 🔕 可关闭提醒功能
🎨 用户界面
- 📊 侧边栏树形视图
- 🖥️ 专用的 Webview 面板 - 现代化卡片式设计
- 🎯 右键菜单快速操作
- 📱 响应式设计 - 支持移动端和桌面端
- 📅 日期选择器 - 查看任意日期的待办事项
- ✨ 流畅动画效果 - 悬停、点击、加载动画
- 🎨 渐变色彩 - 美观的视觉效果
- 🌙 VS Code 主题适配 - 完美融入编辑器
🚀 快速开始
安装
- 在 VS Code 扩展市场搜索 "Daily TODO Manager"
- 点击安装
- 重启 VS Code
使用方法
1. 右键菜单访问（推荐）
- 在编辑器或资源管理器中右键点击
- 找到 "Daily TODO Manager" 菜单项
- 展开子菜单选择功能：
2. 查看待办事项
- 在侧边栏找到 "每日待办" 面板
- 或使用命令面板 (
Ctrl+Shift+P) 搜索 "Daily TODO Manager"
- 在管理面板中使用日期选择器查看任意日期的任务
3. 添加待办事项
- 点击侧边栏面板的 "+" 按钮
- 或使用命令面板搜索 "添加待办事项"
- 或在打开的待办事项面板中直接添加
- 可选择特定日期添加任务
- 输入任务内容并回车
4. 管理待办事项
- 完成任务: 右键点击任务 → "切换完成状态"
- 编辑任务: 右键点击任务 → "编辑待办事项"
- 设置时间: 右键点击任务 → "设置任务时间"
- 删除任务: 右键点击任务 → "删除待办事项"
5. 设置任务时间
- 在侧边栏右键点击任务 → "设置任务时间"
- 或在管理面板中点击任务的 ⏰ 按钮
- 输入开始时间 (HH:MM 格式，如 09:30)
- 输入结束时间 (HH:MM 格式，如 17:30)
- 时间信息会显示在任务旁边
6. 定时提醒
插件会在设定时间自动弹出提醒：
- 早上提醒: 显示今日待办事项数量，可快速查看详情
- 晚上提醒: 提醒规划明日任务，可快速添加待办事项
7. 自定义提醒时间
- 点击侧边栏面板的 ⚙️ 按钮
- 或使用命令面板搜索 "设置提醒时间"
- 可以设置早上和晚上的提醒时间
- 可以开启或关闭定时提醒功能
⚙️ 配置选项
通过界面设置（推荐）
- 点击侧边栏 "每日待办" 面板的 ⚙️ 设置按钮
- 或使用命令面板 (
Ctrl+Shift+P) 搜索 "设置提醒时间"
- 选择要修改的设置项：
- 🌅 设置早上提醒时间
- 🌙 设置晚上提醒时间
- 🔔/🔕 开启/关闭定时提醒
- 📋 查看当前设置
通过 VS Code 设置
在 VS Code 设置中可以配置以下选项：
{
// 早上提醒时间 (HH:MM 格式)
"dailyTodo.morningReminderTime": "10:00",
// 晚上提醒时间 (HH:MM 格式)
"dailyTodo.eveningReminderTime": "20:00",
// 启用定时提醒
"dailyTodo.enableReminders": true,
// 自动归档已完成的任务
"dailyTodo.autoArchiveCompleted": false
}
🎯 使用场景
日常工作管理
学习计划
生活规划
📊 界面预览
侧边栏视图
📋 每日待办
├── 📅 今天 (2/5)
│ ├── ✅ 完成项目文档
│ ├── ⭕ 参加团队会议
│ ├── ⭕ 代码审查
│ ├── ⭕ 更新测试用例
│ └── ⭕ 准备演示材料
├── 📅 明天 (3)
│ ├── ⭕ 客户需求讨论
│ ├── ⭕ 系统架构设计
│ └── ⭕ 性能优化
└── 📅 昨天 (5/5)
└── ✅ 所有任务已完成
Webview 面板
- 📊 任务统计仪表板
- ➕ 快速添加输入框
- 📝 任务列表和操作按钮
- 🎨 VS Code 主题适配
🎨 设计特色
- 现代化卡片设计 - 圆角、阴影、渐变效果
- 流畅动画交互 - 悬停效果、点击反馈、淡入动画
- 响应式布局 - 自适应不同屏幕尺寸
- 智能色彩系统 - 完美适配 VS Code 主题
- 优雅的空状态 - 友好的空白页面提示
- 精美的统计卡片 - 带顶部渐变条的数据展示
🔧 开发
本地开发
# 克隆项目
git clone <repository-url>
cd daily-todo-vscode
# 安装依赖
npm install
# 启动开发
code .
# 按 F5 启动扩展开发主机
打包发布
# 安装 vsce
npm install -g vsce
# 打包
vsce package
# 发布
vsce publish
📝 数据存储
- 所有待办事项数据存储在 VS Code 的全局存储中
- 数据格式：JSON
- 自动备份和恢复
- 跨工作区同步
🤝 贡献
欢迎提交 Issue 和 Pull Request！
开发指南
- Fork 项目
- 创建功能分支
- 提交更改
- 创建 Pull Request
📄 许可证
MIT License
🆕 更新日志
v1.0.0
- 🎉 初始版本发布
- ✅ 基础任务管理功能
- ⏰ 定时提醒功能
- 🎨 美观的用户界面
- 📊 任务统计功能
💡 反馈与支持
如果您有任何问题或建议，请：
- 在 GitHub 上提交 Issue
- 发送邮件至开发者
- 在 VS Code 扩展页面留言
享受高效的任务管理体验！ 🚀
| |
