01
桌面应用开发概述
什么是跨平台桌面应用 · 主流技术选型对比 (Electron vs Tauri vs Flutter) · 课程项目介绍
概念选型
02
开发环境搭建
Node.js安装 · npm/yarn配置 · Git版本控制 · VS Code插件推荐
环境工具
03
Electron核心概念
主进程与渲染进程 · 进程间通信 (IPC) · Electron生命周期
架构IPC
04
第一个Electron应用
项目初始化 · 创建主窗口 · 加载HTML页面 · 运行与调试
入门调试
05
窗口管理
窗口大小控制 · 无边框窗口 · 透明窗口 · 多窗口管理
窗口UI
06
菜单与托盘
自定义菜单栏 · 右键菜单 · 系统托盘图标 · 托盘菜单
菜单托盘
07
对话框与通知
文件对话框 · 消息对话框 · 系统通知 (Notification API)
交互通知
08
文件系统操作
fs模块使用 · 文件读写 · 文件拖拽上传 · 路径处理
文件IO
09
数据持久化
localStorage · electron-store · SQLite集成 · IndexedDB
存储数据库
10
网络请求
HTTP/HTTPS请求 · axios库使用 · 跨域问题处理 · WebSocket
网络API
11
渲染进程开发
HTML/CSS基础 · 响应式布局 · CSS框架 (Tailwind/Bootstrap)
前端样式
12
前端框架集成
React/Vue入门 · 在Electron中使用React · 热更新配置
ReactVue
13
状态管理
React Context · Redux Toolkit · Vue Pinia · 跨组件通信
状态数据流
14
路由管理
React Router · Vue Router · 导航守卫 · 懒加载
路由SPA
15
UI组件库
Ant Design · Element Plus · 自定义组件 · 主题定制
组件设计
16
图表与可视化
ECharts集成 · Chart.js · D3.js基础 · 实时数据图表
图表可视化
17
多媒体处理
音频播放 · 视频播放 · 摄像头调用 · 屏幕录制
多媒体硬件
18
系统集成
剪贴板操作 · 全局快捷键 · 开机自启 · 系统主题检测
系统原生
19
进程管理
子进程创建 · Shell命令执行 · 进程通信 · 资源监控
进程性能
20
打包与分发
electron-builder配置 · Windows安装包 · macOS dmg · Linux AppImage
打包分发
21
自动更新
electron-updater集成 · 更新服务器搭建 · 增量更新 · 回滚机制
更新运维
22
安全实践
内容安全策略 (CSP) · 沙箱模式 · 代码签名 · 敏感信息保护
安全加密
23
性能优化
内存管理 · 懒加载 · 虚拟列表 · Web Workers · GPU加速
优化渲染
24
测试策略
单元测试 (Jest) · 端到端测试 (Playwright) · UI自动化测试
测试质量
25
国际化 (i18n)
i18next集成 · 语言切换 · RTL布局 · 本地化最佳实践
i18n多语言
26
日志与监控
electron-log · Sentry集成 · 性能监控 · 崩溃报告
日志监控
27
数据库集成
SQLite高级用法 · ORM (Prisma/TypeORM) · 数据迁移
数据库ORM
28
Rust扩展 (Tauri对比)
Tauri简介 · Rust基础 · Tauri命令系统 · 性能对比
RustTauri
29
Flutter Desktop
Flutter桌面开发入门 · Windows/macOS/Linux支持 · 与Electron对比
Flutter跨平台
30
项目实战
完整项目开发流程 · 需求分析 · 架构设计 · 部署上线 · 课程总结
实战结课