7.5 1.7.5.1 1.7.5.2 1.8 1.8.1 1.8.2 ⽬录 前⾔ Electron简介 应⽤举例 安装 基本使⽤ 打包和部署 python⽀持 ⼼得 开发 Web技术 Log⽇志 打包 制作app的Logo asar files electron-builder electron-rebuild 不同系统 Win Mac 不同语⾔ 介绍跨平台桌⾯应⽤框架Electron的基本概念、基本原理、核⼼优势以及额外特性；介绍了⽤Electron 开发出的常⻅应⽤有哪些；解释了如何安装Electron；以及如何快速上⼿使⽤；以及如何打包和部署； 专⻔整理了如何让Electron⽀持Python以及其后的相关⼼得；总结了Electron的各种开发经验和⼼得， ⽐如开发⽅⾯的Web技术、Log⽇志等；打包⽅⾯的如何制作app的logo、asar加密压缩、files参数、 跨平台的桌⾯端应⽤开发 谁开发的： Github 旧称： Atom Shell 历史 2013年作为构建Github上可编程的⽂本编辑器Atom的框架⽽被开发出来 2014春季这两个项⽬开源出来 ⼀句话描述：⼀个⽤纯Web技术来构建跨平台桌⾯应⽤程序的开源框架 Web技术： HTML 、 CSS 和 JavaScript 对⽐：传统桌⾯应⽤都是⾮Web技术开发的 跨平台：

基于Electron Vue的桌面应用开发实践 赵 帅 前端工程师 @美团点评-到店事业群 负责-度假业务系统⼯工程化 瓦匠桌⾯面应⽤用开发者 瓦匠应用的介绍 02 桌面应用的技术选型 桌面应用开发总结 01 04 Electron Vue项目实践 03 应⽤用介绍 瓦匠 瓦匠⼯工作台 ⼀一体化解决⽅方案 提⾼高开发效率 应⽤用介绍 背景概述 需求类型 CRUD⻚页⾯面 项⽬目配置 Web开发能⼒力力不不⾜足 命令⾏行行⽆无法可视化 （GUI界⾯面) 桌⾯面应⽤用 …… 瓦匠应用的介绍 02 桌面应用的技术选型 桌面应用开发总结 01 04 03 Electron Vue项目实践 优点：开发速度快，跨平台，更更新迭代快 缺点：集成Chromium，安装包⼤大 优点：接近Native性能，功能丰富，跨平台 缺点：库太⼤大，编译慢，开发周期⻓长 桌⾯面应⽤用开发选型 桌⾯面应⽤用开发选型 技术选型 C++/C#/C+……(Windows) Objective-C/Swift(Mac) Qt: (Windows/Mac) NW.js/Electron(Windows/Mac) 纯Native开发 开发框架 优点：性能好，安装包⼩小 缺点：开发周期⻓长，⽆无法跨平台 技术选型 Electron应⽤用 VS Code， POSTMAN ✔

录 致谢 向导 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 教程 快速入门 桌面环境集成 在线/离线事件探测 API文档 简介 进程对象 支持的 Chrome ipcRenderer remote webFrame 在两种进程中都可用的模块 clipboard crashReporter nativeImage screen shell 开发 代码规范 源码目录结构 与 NW.js（原 node-webkit）在技术上的差异 构建系统概览 构建步骤（macOS） 构建步骤（Windows） 构建步骤（Linux） 在调试中使用 书栈(BookStack.CN) 构建 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 向导 - 5 - 本文档使用 书栈(BookStack.CN) 构建 以下的平台是 Electron