如果你在前端岗做了两三年,想往桌面端走,或者手头有个内部工具实在不想再让同事开浏览器、记地址、手动刷新,Electron 往往是第一个冒出来的选项。它能把现成的网页技术栈直接变成双击就能打开的安装包,Windows、macOS 一通吃。但真动手的人都知道,从「能跑起来」到「能发出去给人用」,中间隔着一堆没人提前告诉你的事:主进程和渲染进程怎么分工、打包出来为什么体积那么大、用户装了旧版本怎么更新。
邓耀龙这套 Electron 实战课,值得看的地方不在于它讲了多少 API,而在于它把「一个 Electron 应用从空目录走到能分发」这条链路完整走了一遍,并且没有回避这门技术的短板。
它解决的是哪类工作场景
最典型的三类。第一类是公司内部工具桌面化,比如把已有的管理后台包成客户端,省掉每次开浏览器登录的麻烦,还能拿到本地文件读写、系统托盘、开机自启这些浏览器给不了的能力。第二类是给现有 Web 产品做配套桌面端,需要处理多窗口、快捷键、本地缓存目录。第三类是想验证一个桌面小产品,团队只有前端,没有 C++ 或 Qt 的人。
这门课的内容基本覆盖了这三类的共同底座:进程模型、窗口管理、本地能力调用、打包发布、版本更新、自动化测试。
学完能独立做什么
按目录的推进节奏看,跟完之后比较实际的产出是:能自己从零搭起一个可开发、可调试的 Electron 工程;能判断某段逻辑该放主进程还是渲染进程,而不是全部塞进页面里靠 IPC 硬传;能打出一个可安装的包并做基本的体积和启动优化;能给应用加上软件更新机制,知道常见更新方案的取舍点在哪里。
另外有一节专门讲 Electron 的「bad parts」,摆在比较靠后的位置,这点挺关键。它相当于帮你建立判断力——什么需求用 Electron 是划算的,什么需求用它是在给自己挖坑。对有转行或选型压力的人来说,这部分比多学两个 API 更有用。
资料适合什么基础
- 需要会 JavaScript,最好写过一点 Node.js,因为主进程那套是纯 Node 环境。
- HTML、CSS 熟练即可,不要求前端框架功底,课程重心不在界面层。
- 完全没写过 JS 的话不建议直接上,环境搭建那一节就会卡住。
- 有后端或运维经验的人反而会在打包、更新、信令服务这几块觉得顺手。
怎么用这套资料效率更高
建议不要顺着从头看到尾。前几节把环境跑通之后,直接挑一个自己真实想做的工具当练手目标,边做边回来看对应章节——窗口管理、文件读写、打包,用到哪块看哪块。打包和更新这两块尽量别跳,这是自学最容易漏、又最容易在第一次交付时翻车的地方。自动化测试那部分可以第二遍再看,先保证东西能跑起来、能发出去。
最后提一句预期管理:Electron 不是银弹,包体积和内存占用是它的固有代价。这门课的价值在于让你清楚这些代价花在哪、值不值,而不是让你相信它能解决所有桌面需求。
课程目录
课程目录36 集
- 22丨信令服务:如何连接两端(下).mp4
- [744.2 MB] 34丨Electron bad parts:辩证看待Electron技术.mp4
- [86.2 MB] 26丨Electron 应用打包:从HTML到安装包.mp4
- [251.3 MB] 27丨Electron 应用更新(一):软件更新的痛点.mp4
- [178.6 MB] 06丨Electron开发准备:环境搭建及前期准备.mp4
- [49.8 MB] 31丨Electron 自动化测试:如何编写端到端测试?.mp4
- [202.2 MB] 16丨主页面基础业务:Real World IPC.mp4
- [433.3 MB] 09丨与Web开发不同(一):主进程与渲染进程.mp4
- [73.5 MB] 04丨揭秘Electron架构原理:Chromium + Node-js是如何一起工作?.mp4
- [106.5 MB] 25丨项目完善与总结(下):原生GUI.mp4
- [597.8 MB] 33丨Electron客户端的安全:从XSS到RCE.mp4
- [166.4 MB] 32丨Electron体验优化:如何优化白屏问题?【整理不易‖记得关注:CunWorkNotes】.mp4
- [183.2 MB] 21丨信令服务:如何连接两端(上)【整理不易‖记得关注:CunWorkNotes】.mp4
- [303.3 MB] 24丨项目完善与总结(上):App特性.mp4
- [201.8 MB] 10丨与Web开发不同(二):进程间通信.mp4
- [143.7 MB] 01丨课程介绍.mp4
- [157.7 MB] 07丨第一个Electron应用:开发一个简单版的番茄钟(上).mp4
- [63.5 MB] 18丨傀儡端实现(二):如何接收&响应指令?.mp4
- [604.3 MB] 11丨与Web开发不同(三):Native能力及原生GUI.mp4
- [102.2 MB] 19丨傀儡端实现(三):基于WebRTC传输视频流(上).mp4
- [641.8 MB] 20丨傀儡端实现(四):基于WebRTC传输视频流(下).mp4
- [272.3 MB] 02丨内容综述:学完这门课程你能得到什么?.mp4
- [48.4 MB] 30丨使用原生能力:如何集成C++能力?.mp4
- [465.8 MB] 12丨与Web开发不同(四): 释放前端想象力,基于Electron能做什么?.mp4
- [136.5 MB] 17丨傀儡端实现(一):基于Electron能力捕获桌面视频流.mp4
- [341.5 MB] 03丨Electron介绍:为什么Electron这么火?【更多精选‖公众号:CunWorkNotes 获取】.mp4
- [73.1 MB] 05丨桌面端技术选型:如何选择合适的桌面端技术?.mp4
- [75.1 MB] 35丨结束语.mp4
- [115.3 MB] 14丨设计思路:做远程控制有几步?.mp4
- [44.2 MB] 13丨实战项目综述:整体需求分析.mp4
- [71.6 MB] 29丨Electron 质量监控:桌面端的质量抓手是什么?.mp4
- [466.6 MB] 08丨第一个Electron应用:开发一个简单版的番茄钟(下)【优质资源‖关注:CunWorkNotes 解锁】.mp4
- [281.6 MB] 23丨指令传输实现:如何建立数据传输?.mp4
- [179.2 MB] 28丨Electron 应用更新(二):线上项目如何更新?.mp4
- [1.2 GB] 15丨项目架构与基础业务:Electron 与 React 框架结合.mp4
- [647.4 MB] 适合人群 前端开发者 桌面应用开发者 Electron爱好者 学习收获 掌握Electron技术 开发跨平台桌面应用 提升项目实战能力 祝您学习愉快! 学有所成,前程似锦!






