以Mac 为例: Debug 模式下,查询进程名称为:Electron 的进程。 打包后,进程查询为你当前应用的名称。 这里可以看到多个进程,简单分析一下: 窗口占用每个窗口会占用一个处理进程(Helper)和一个渲染进程(Renderer)。 容器占用每个容器只会占用一个渲染进程(Renderer)。 感谢阅读,如果对你有用请点个赞 ️ 原文链接...
在VSCode中,可以通过配置launch.json文件来启用调试模式。配置文件示例如下: json { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Debug Main Process", "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron", "windows": { "runtime...
electron失败 yarn electron debug electron debugger 在开发过程中我们经常需要对某一功能进行调试,electron也不例外。 electron有主进程和渲染进程,所以调试部分也分为两大块,即调试主进程和渲染进程 渲染进程 调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具 手动打开...
使用vs code调试可以分为两种模式,一种是直接在vs中debug,另外一种方法是先使用命令行启动程序,而后在vs中通过attach方式连接程序进行调试。两种方式没有太大区别。 第一步,在项目根目录下新建 .vscode/launch.json文件,并添加配置项。 两种方式对应的配置项为: {"version":"0.2.0","configurations":[{//方式...
electronLog = logger({ name: "electron", symlinkName: 'app', debug: app.isDev }) // 给web端调用的日志 app.webLogger = logger({ name: "web", debug: app.isDev }); electron-log 自行查询。 IPC 通讯(渲染window 发送消息给主进程) 借助electron 提供的 ipcMain和ipcRenderer 进行通讯。 ipc...
"version": "0.2.0", "configurations": [ { "name":"Debug Main Process", "type":"node", "request":"launch", "cwd":"${workspaceRoot}", "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron", "windows": { "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electro...
技巧三：进程分析与管理多视图方案下，要特别关注进程和内存使用，避免因误操作导致进程未释放导致内存占用过高。通过Windows的任务管理器或Mac的活动监视器，可以查看和分析进程，如Debug模式下的Electron进程和打包后的应用名称。每个窗口占用一个Helper进程和Renderer进程，而容器仅占用一个Renderer进程。合理...
经过配置环节,app文件夹已经准备就绪,所以以开发模式(不需要打包)运行应用也就没啥大问题,可以另写一个「dev」的 gulp task,利用 node 的child_process模块下的exec调用下electron app --debug就可以运行应用了,没啥可以多说的,我们继续进入下一步 —— 打包。
而有了DEBUG_ELECTRON就可以知道C/S是运行在调试模式还是发布模式了。因为毕竟调试和发布还是要有点区别。这个变量是在main.js里进行判断和使用的,不影响别处的逻辑。 Electron个人体会 后来才知道,这东西原来是当前主流。 起因是我用电脑打开虾米音乐想听歌,发现虾米报错了。本来想直接关了,发现是个js错误,就仔细看...
"name": "Debug Main Process", "type": "node", "request": "launch", "cwd": "${workspaceFolder}", "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron", "program": "${workspaceFolder}/src/main.ts", "protocol": "inspector", ...