构建系统概览 构建步骤（macOS） 构建步骤（Windows） 构建步骤（Linux） 在调试中使用 Symbol Server Electron 常见问题 - 3 - 本文档使用 书栈(BookStack.CN) 构建 致谢 当前文档 《electron中文教程》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建，生成于 2019- 03-06。 书栈(BookStack CN) 获取最新的文档，以跟上知识更新换代的步伐。 内容来源：weishuai https://weishuai.gitbooks.io/electron-/content/ 文档地址：http://www.bookstack.cn/books/electron-zh 书栈官网：http://www.bookstack.cn 书栈开源：https://github.com/TruthHun 分享，让知识传承更久远！ 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 向导 - 5 - 本文档使用 书栈(BookStack.CN) 构建 以下的平台是 Electron 目前支持的： 对于 macOS 系统仅有64位的二进制文档，支持的最低版本是 macOS 10.8。 仅支持 Windows 7 及其以后的版本，之前的版本中是不能工作的。 对于 Windows

1.8.2 ⽬录 前⾔ Electron简介 应⽤举例 安装 基本使⽤ 打包和部署 python⽀持 ⼼得 开发 Web技术 Log⽇志 打包 制作app的Logo asar files electron-builder electron-rebuild 不同系统 Win Mac 不同语⾔ Python electron-python-example Node electron和node版本对应关系 NODE_MODULE_VERSION和node版本对应关系 附录 ⽂档和教程 参考资料 1 2 跨平台桌⾯应⽤框架：Electron 最新版本： v1.0 更新时间： 20200808 简介 介绍跨平台桌⾯应⽤框架Electron的基本概念、基本原理、核⼼优势以及额外特性；介绍了⽤Electron 开发出的常⻅ 开发出的常⻅应⽤有哪些；解释了如何安装Electron；以及如何快速上⼿使⽤；以及如何打包和部署； 专⻔整理了如何让Electron⽀持Python以及其后的相关⼼得；总结了Electron的各种开发经验和⼼得， ⽐如开发⽅⾯的Web技术、Log⽇志等；打包⽅⾯的如何制作app的logo、asar加密压缩、files参数、 打包⼯具electron-builder、编译⼯具electron-rebuild等，

title: Electron 应⽤处理⻓任务 date: 2020-11-26 tags: electron, node description: 通过 Electron 托盘（tray）实现后台执⾏⻓任务。 Electron 应⽤在执⾏⼀些⻓时间任务（⽐如上传、下载），我们想关闭界⾯后任务依旧执⾏。再次打开界⾯，依旧可以看到正在执⾏的任务以及任 务进度。托盘可以帮我们实现这个功能。 创建托盘和菜单示例 实例化 Tray 并传⼊图标路径； 创建菜单并配置到托盘中。 const { app, Menu, Tray } = require('electron') let tray = null; // 等同 app.on('read', () => { ... }) app.whenReady().then(() => { tray = new Tray (mainWindow.isVisible()) { // 修复全屏 hide ⿊屏问题 // https://github.com/electron/electron/issues/20263 if (mainWindow.isFullScreen()) { mainWindow

基于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 ✔ 技术选型 前端选型 体积⼩小、轻量量化 健全的⽣生态

浏览器标签，而该原生应用运行在设备的系统上（比如 IOS、安卓、 windows）。 最常见的 webview 开发解决方案如下： Cordova (通常用于手机、平板的原生应用) NW.js (通常用于桌面应用) Electron (通常用于桌面应用) 基于 WEB 技术的原生应用 最终，前端开发者从 WEB 浏览器开发中得到经验，并可以脱离浏览器引擎环境编码。近来， 人们正在构思如何脱离 web 引擎，用 web 理所应当地吸收更多追随者。 JavaScript 函数式编程和模式备受关注。 离线开发和渐进式 WEB 应用（PWA）步入主流。 微软发力。 基于 web 技术，使用 NW.js 和 Electron 开发 windows，OSX 和 linux 原生应用的方式逐 渐成型。 Angular 2 （在将来也叫作”Angular”）跌下神坛，多数人意识到它将不再如 Angular 1 那 WebView／浏览器标签（想想 iframe）。通常 WebView 应用包含用 web 技术（也就是 HTML、CSS 和 JS）构造的 UI。 (例如: Apache Cordova、NW.js、Electron) web 技术构建的原生应用，该类 web 技术被整合在含原生 API 桥梁的运行环境中。其 UI 使用原生部分（比如 IOS 原生控件）而非 web 技术(例如: NativeScript、React

app 或可执⾏行⽂文件。iOS、Android 上⽤用 Cordova，PC 上使⽤用 Electron。 当下流⾏行玩法 medis 技术点 • 使⽤用 Node.js 模块 • 使⽤用 Webpack 构建 • 使⽤用 React（视图） Redux（控制逻辑） • 使⽤用 Electron 加壳打包 亲，你看到未来了么？ 讲了node⼯工具，前端4阶段， hybrid，各种跨平台，⺫⽬目前就是为了

toolbar： 2. 了解 Electron 为什么在讲述 Sketch Plugin 的时候，忽然会提到 Electron ？这里有一个小故事， 某天上班打开大象（美团内部沟通软件）。 MacOS 版大象截图 看到一条公众号推送，是公司成立了 Electron 技术俱乐部（美团技术团队内部自发 成立了很多技术俱乐部），经过了解发现 Electron 基于 Chromium 和 Node Node.js，可 以使用 HTML、CSS 和 JavaScript 构建桌面应用程序，Electron 负责其中比较复 杂的部分，而开发者只需关心应用的核心需求即可。大象的 Mac 端就大量使用了 Electron 技术，用 Web 框架去开发桌面应用，可以直接复用 Web 现有的开发成果 并获得出色的运行效率。 前端 < 427 我们就进行了简单的学习，在之后的一段时间并没有再去关注这项技术，直到某天在 hidesOnDeactivate 属 性即可。 等等！这不是 Electron 中的属性么？仔细查看 Readme 才发现作者写道“The API is mimicking the BrowserWindow API of Electron.”这下可方便多了！你想自定 义窗口的表现，只需按照 Electron 的 API 设置即可，想想看其实 Electron 的工作方 式是不是和 Sketch Plugin

网络服务器（Node.js）  处理 Web 应用的 HTTP 请求  机器学习（TensorFlow.js）  在浏览器/Node.js 上开发、训练和部署 ML 模型  开发桌面应用（ELECTRON）  使用 JS/HTML/CSS 构建跨平台的桌面应用 JavaScript 功能、脚本语言 8 VCG JavaScript 2020/4/28 9 2. JavaScript Demo

OS、Windows 8 等操作系统直接支持 JavaScript 编 写应用程序。Mozilla 的 Open Web Apps 项目、Google 的 Chrome App 项目、Github 的 Electron 项目、以及 TideSDK 项目，都可以用来编写运行于 Windows、Mac OS 和 Android 等 多个桌面平台的程序，不依赖浏览器。 （7）小结 可以预期，JavaScript

⽅式。⽬前可以加载的内容仅限基本功能。 Krita 运⾏缓慢 造成 Krita 运⾏缓慢的原因有很多，下⾯仅列出⼀些常⻅情况。 其他程序正在占⽤ CPU 或者内存：Spotify 和其他 Electron 应⽤会造成该现象。 你正在运⾏ Windows，并且安装了第三⽅安全软件，如 Sandboxie 或 Total Defender 等。 你正在处理的图像体积过⼤，你的硬件性能不⾜以流畅地处理