⚡ Electron Demo：桌面应用开发入门指南
💻 一个简洁的 Electron 桌面应用示例，快速掌握桌面开发核心技能！
🎯 为什么学习 Electron？
桌面应用开发新趋势：
- 🌐 Web 技术栈：用 HTML/CSS/JS 构建桌面应用
- 📦 跨平台：一份代码，Windows/Mac/Linux 全支持
- 🔧 生态丰富：npm 百万包任你用
- ⚡ 性能强劲：原生能力访问无限制
Electron 让 Web 开发者轻松转型桌面开发！
✨ 核心技术
🏗️ Electron 架构
┌─────────────────────────────────────┐
│ Browser Window │
│ ┌───────────────────────────────┐ │
│ │ Renderer Process │ │
│ │ (你的前端界面 - HTML/CSS/JS) │ │
│ └───────────────────────────────┘ │
├─────────────────────────────────────┤
│ Main Process │
│ (原生能力 - 文件系统、系统托盘) │
└─────────────────────────────────────┘
🔑 核心概念
| 概念 | 说明 |
|---|---|
| Main Process | 主进程，负责窗口管理和原生能力 |
| Renderer Process | 渲染进程，运行你的 Web 界面 |
| IPC | 进程间通信，连接主进程和渲染进程 |
| Context Bridge | 安全地在渲染进程访问原生 API |
🛠️ 技术栈
框架: Electron
前端: HTML/CSS/JavaScript
构建: Electron Builder
打包: exe/dmg/AppImage
💡 你能学到什么？
📝 基础功能
- 🪟 窗口管理（创建、最小化、最大化、关闭）
- 📂 文件对话框
- 💬 系统通知
- 🖥️ 系统托盘
- 🔧 开发者工具
🎯 进阶特性
- ⚙️ 应用设置
- 🔄 自动更新
- 🔐 安全沙箱
- 📦 应用打包
- 🎨 自定义菜单
🚀 快速开始
# 克隆项目
git clone https://github.com/jiafeimao-gjf/electron-demo.git
cd electron-demo
# 安装依赖
npm install
# 启动开发
npm start
# 打包应用
npm run build
🌟 项目特色
- ✅ 代码简洁：适合入门学习
- ✅ 注释详细：每个功能都有说明
- ✅ 循序渐进：从简单到复杂
- ✅ 可扩展性：易于添加新功能
- ✅ 跨平台：Windows/Mac/Linux 兼容
💼 适用场景
- 📚 学习 Electron：入门必看的示例项目
- 🏢 快速原型：快速验证桌面应用想法
- 🔧 二次开发：基于此项目构建完整应用
- 🎓 教学演示：课堂实例演示
💬 “用 Web 技术开发桌面应用，Electron 让一切皆有可能！”
关注我们，探索桌面应用开发的无限可能！
转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 1056615746@qq.com
