突然叫你开发Electron应用，你hold住吗？如果领导突然说要开发一个前端桌面应用，那么我们前端er选择Electron是顺理成章的事情。但其实很多同学对Electron并不是很熟悉。如果突然让我们去开发Electron应用，很多人会陷入一种茫然和茫然的状态。然后就是靠着网上比较少的资料，一路慢慢摸索，踩坑，完成了Electron的需求。为了解决以上问题，我们完成了一个项目并开源，希望对大家学习Electron有所帮助。快速学习上手Electron：electron-playgroundelectron-playground是我司（人才未来组小黑版）前端团队近期开源的一个项目。electron-playground项目的目的是帮助前端小伙伴们更好更快的学习和了解前端桌面技术Electron，少走弯路。electron-playrgound可以帮助我了解Electron对带有gif示例和可操作演示的教程文章的作用。系统地整理了Electron相关的API和函数。通过练习场，亲身体验electron的各种特性。下面我详细介绍一下项目的内容。项目演示1.带有gif实例和可操作demo文章以系列教程文章讲解项目，这些文章是系统的和经过验证的，带有gif实例和可操作demo实例，流程图等。项目菜单自带的gifdemo：添加菜单项demo操作对话框的gif演示：消息提示和确认对话框：选择文件流程图窗口管理-创建和管理窗口系统梳理Electronelectron-playground系统相关API和函数Electron，以及工程相关的内容，都进行了系统的梳理。electron-playground列表分类工程崩溃分析和收集开发调试打包问题应用更新应用自定义协议系统提示和文件选择菜单系统托盘文件下载窗口管理创建和管理窗口隐藏和恢复焦点、失焦全屏、最大化、最小化窗口CommunicationWindowTypeWindowEventOtherSecurityElectron-playgroundListCategoryScreenshotPlayground为了实现更复杂的操作，我们参考fiddle创建了一个playground。练习场集成了vscode的web端编辑库：monaco-editor，编码体验接近vscode。如何启动electron-playground启动过程如下：gitclonehttps://github.com/tal-tech/electron-playground.git//下载项目npminstall//安装依赖npmrunstart//启动项目欢迎下载学习/体验electron-playground是实现我们快速入门和学习electron的目标的一种方式，通过尝试electron的各种特性，做到所见即所得。感兴趣的同学可以下载项目体验一下。希望本项目能帮助大家更好更快的学习和理解前端桌面技术Electron，少走弯路。觉得还不错的话，给个Star??鼓励一下吧~我们是小黑板前端，欢迎关注知乎、Segmentfault、CSDN、简书、开源中国、博客园等账号。
