powerMonitor - 2 - 本文档使用 书栈(BookStack.CN) 构建 powerSaveBlocker protocol session webContents Tray 在渲染进程（网页）内可用的模块 desktopCapturer ipcRenderer remote webFrame 在两种进程中都可用的模块 clipboard crashReporter 的下载地址 —arch=x64 设置了该模块为适配64位操作系统而编译 使用 Node 原生模块 - 19 - 本文档使用 书栈(BookStack.CN) 构建 浏览器窗口的开发工具仅能调试渲染器的进程脚本（比如 web 页面）。为了提供一个可以调试主进程的方法， Electron 提供了 —debug 和 —debug-brk 开关。 使用如下的命令行开关来调试 Electron 的页面都在运行着自己的进程，这样的进程我们称之为渲染进程。 在一般浏览器中，网页通常会在沙盒环境下运行，并且不允许访问原生资源。然而，Electron 用户拥有在网页中调 用 Node.js 的 APIs 的能力，可以与底层操作系统直接交互。 主进程使用 BrowserWindow 实例创建页面。每个 BrowserWindow 实例都在自己的渲染进程里运行页面。当一个 BrowserWindow

│ ├── router │ │ ├── App.vue │ │ └── index.js └── package.json 项⽬目实践 ⼯工程⽬目录结构 构建配置 渲染进程 主进程 构建打包 Electron SWA 应⽤用 Web SPA 应⽤用 Electron应⽤用的开发调试 、构建发布 Restart 项⽬目实践 开发和调试 webpack watch-run webpack 3 Render Process file://static file 1 3 4 App 开发和调试 渲染进程：vue-devtools 主进程：Electron —inspect 项⽬目实践 渲染进程、主进程 该如何调试？ 主进程Debug chrome://inspect/#devices 远程调试 v8 Inspector Electron开发和Web开发差异 Web应⽤用 开发 设计 Electron应⽤用 html CSS JS Node.js OS API 主进程，渲染进程 开发总结 资源⽂文件，安装包 调试 构建 发布 单窗⼝口、多窗⼝口 资源⽂文件 html CSS JS 渲染进程 单⻚页⾯面、多⻚页⾯面 Mac / Window / Linux Nginx / CDN 关注点 进程通信，内存管理理，版本管理理，

此处2个js⽂件，对应着2个js线程： main.js -> node.js 的主线程 -》 main.js 中 console.log 输出到的地⽅ renderer.js -> 显示界⾯的渲染线程 = Electron界⾯所在的线程 -》（调试时）Electron界⾯开启了 DevTools 后右边就能看到 console.log 输出的内容了 Log⽇志 50 crifan