📢 介绍
这是一款照着番茄工作法做出来的实用插件,能把大任务拆成一个个小目标,搭配风格酷炫的桌面时钟和让人专注的白噪音,帮你集中注意力,更快完成任务。
✨ 实现功能
✔️ 番茄钟:专注开启,专注暂停,休息开始,休息暂停,休息跳过,重置;
✔️ 主题:主题颜色,主题切换(浅色,深色,跟随 Utools);
✔️ 白噪音:播放,暂停,白噪音切换(窗边细雨,崖岸听海,雨林蛙鸣,流水鸟鸣,山中蝉鸣),白噪音音量调整;
✔️ 桌面时钟:开启关闭,时钟主题切换(素影黑律,邃海谧蓝,桃雾栖粉,焦糖暖橙,苔痕碧意,绛紫鎏金),尺寸调整,窗口拖动,位置记忆;
✔️ 随机名言;
✔️ 每日专注统计;
✔️ 可配置选项:专注时长,休息时长,结束提醒,结束通知,专注结束自动开始休息,专注结束自动开始专注,主题选择,主题颜色,白噪音选择,白噪音音量,是否开启翻页时钟,时钟主题,时钟尺寸调整。
📌 关于
模仿 Never7 大佬的番茄钟,独立开发了同款插件,并进行优化升级!新增白噪音🎵 和桌面时钟🕒 功能,让专注更沉浸~
项目采用 vue3 + element-plus + pinia + vue-router + sass 等技术实现,技术栈超扎实!
现已开源!欢迎到我的 gitee 仓库查看: https://gitee.com/ayangman/focus-tomat
💡扩展
1、效果截图可以直接到gitee仓库查看;
2、实现了父子窗口功能。(思路:父子窗口共用一套代码,通过preload注入环境变量,打开窗口时检测环境变量并跳转到正确的路由);
3、实现了音乐播放功能;
4、项目解决了vue项目打包运行时,页面空白问题(vue-router未使用createWebHashHistory导致,plugin.json未去除development字段导致)。脚手架自己写了插件,npm run build时自动去除打包后的development字段,使用更方便;
5、项目增加了环境判断API(开发环境 dev,生产环境 prod + build),在代码中使用后,启动不同环境执行不同逻辑,方便测试,不然每次手动打上注释或去除注释,太麻烦了;
6、注释丰富,代码风格还可以,有类似需求的兄弟可以直接拉取项目查看或作为开发模版;
7、最后跪求觉得不错的帅哥美女给个好评,十分感谢💖💖💖