来源:AI开发日志公众号专辑「Build Your Own X With AI」
原文链接:https://mp.weixin.qq.com/s?__biz=MzUxMjg3MjE2OA==&mid=2247485788&idx=1&sn=9adc3d96c517fdb1e1e7418251452475&chksm=f95c92dbce2b1bcdee0eda0e7ee0f7a0190fd14d5fe45347dcae50e4db0b30b75866c7ef9dc4#rd
Electron Desktop Widget
一个基于 Electron 的桌面背景应用,提供日历和待办事项管理功能。
未完成。。。
之后可能用 C# 重做。
截图
项目结构
electron-desktop-widget/
├── main.js # 主进程入口点
├── package.json # 项目配置和依赖
├── README.md # 项目说明文档
└── renderer/ # 渲染进程文件
├── index.html # 主 HTML 文件
├── preload.js # 预加载脚本(IPC 安全层)
├── js/
│ └── main.js # 渲染进程主 JavaScript
└── styles/
└── main.css # 主样式文件
开发环境设置
安装依赖:
npm install
启动开发模式:
npm run dev
启动生产模式:
npm start
构建
构建所有平台:npm run build
构建 Windows:npm run build:win
构建 macOS:npm run build:mac
构建 Linux:npm run build:linux
测试
npm test
功能特性
桌面背景模式运行
透明背景和毛玻璃效果
日历显示功能
待办事项管理
系统托盘集成
数据持久化
开发状态
当前已完成:
[x] 项目初始化和基础结构
[ ] 桌面背景窗口管理
[ ] 系统托盘功能
[ ] 基础 UI 结构和样式
[ ] 日历组件
[ ] 待办事项组件
[ ] 数据持久化
[ ] 进程间通信 (IPC)
[ ] 用户体验优化
[ ] 集成测试和最终优化