来源: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)

[ ] 用户体验优化

[ ] 集成测试和最终优化

image-1