electron 渲染进程和主进程调试配置

怼烎@ 2021-07-25 02:34 523阅读 0赞

渲染进程调试(进入网页版的f12调试模式):
    
    	ctrl shift i 
    	View->toggle Developer tools
    
    主进程调试:
    	vscode中左侧竖直栏第四个运行小虫子按钮,在上方设置中查找launch.js
    	将其中内容替换成
    		{
    		  "version": "0.2.0",
    		  "configurations": [
    		    {
    		      "name": "Debug Main Process",
    		      "type": "node",
    		      "request": "launch",
    		      "cwd": "${workspaceFolder}",
    		      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
    		      "windows": {
    		        "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron.cmd"
    		      },
    		      "args" : ["."]
    		    }
    		  ]
    		}
    	点击左上角运行按钮就可进行调试

![在这里插入图片描述][20200429150236770.png]  
主进程调试配置图:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]

[20200429150236770.png]: /images/20210724/e136b9650e654884afa252511e0bfa01.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200429161904803.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，523人围观）

还没有评论，来说两句吧...

相关阅读

相关 Electron 12 学习（九）渲染进程通过主进程向其他渲染进程发送消息

1. 源码： [GitHub][] [Gitee][] [CodeChina][] [GitHub]: https://github.

╰半夏微凉°/ 2022年10月14日 13:52/ 0 赞/ 244 阅读

相关 Electron:使用 VSCode 进行主进程调试

文档 [官网说明使用 VSCode 进行主进程调试][_ VSCode] 点击vscode中的调试按钮，或者按F5 ![在这里插入图片描述][watermark

柔情只为你懂/ 2022年10月02日 07:45/ 0 赞/ 137 阅读

相关 electron之主进程、渲染进程

一、electron启动后的进程主进程 GUP渲染进程界面渲染进程各个进程相互独立，彼此进程是不会共享内存和状态的。 1、主进程 ele

今天药忘吃喽~/ 2022年09月12日 03:56/ 0 赞/ 344 阅读

相关 electron 主进程向渲染进程发送事件，渲染进程监听事件

有时候需要主进程向渲染进程发送消息，代码如下：主进程执行： mainWindow.webContents.send('main-process-messages', 'n

短命女/ 2022年05月23日 08:49/ 0 赞/ 513 阅读

相关使用 Electron 在两个进程 (主进程和渲染进程) 之间进行通讯

> 此系列文章的应用示例已发布于 [GitHub: electron-api-demos-Zh\_CN][GitHub_ electron-api-demos-Zh_CN].

本是古典何须时尚/ 2022年02月04日 15:37/ 0 赞/ 421 阅读

相关 Electron+vue 应用实战 - 渲染进程直接调用主进程方法

1.electron架构思考在做electron桌面开发中，Electron+vue当下算是性价比的比较高的。但是electron算是小众开发，遇到问题，基本上就是掉进

Bertha 。/ 2022年02月04日 15:34/ 0 赞/ 1030 阅读

相关研究Electron主进程、渲染进程、webview之间的通讯

背景由于某个Electron应用，需要主进程、渲染进程、webview之间能够互相通讯。不过因为Electron仅提供了主进程与渲染进程的通讯，没有渲染进程之间或渲染进

╰半橙微兮°/ 2021年11月10日 02:18/ 0 赞/ 535 阅读

相关 electron-vue 之渲染进程调用主进程的变量

> remote 模块提供了一种在渲染进程（网页）和主进程之间进行进程间通讯（IPC）的简便途径。 1、在主进程中定义SerialPort 全局变量 global.

傷城~/ 2021年07月26日 15:14/ 0 赞/ 817 阅读

相关 electron 渲染进程和主进程调试配置

渲染进程调试(进入网页版的f12调试模式): ctrl shift i View->toggle Developer tools

怼烎@/ 2021年07月25日 02:34/ 0 赞/ 524 阅读

相关 electron 主进程和渲染进程通信

1、主进程引入 const {ipcMain} = require('electron') 2、渲染进程引入 const {ipc

- 日理万妓/ 2021年07月24日 11:05/ 0 赞/ 585 阅读