第九讲使用VSCODE调试Electron程序

置顶 已于 2023-06-30 13:28:00 修改
阅读量1.8k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 跨平台桌面开发从入门到精通 文章标签： vscode electron调试 主进程调试 渲染进程调试
于 2021-08-19 21:45:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fwj380891124/article/details/119796450
本教程详细讲解如何利用VSCode调试 Electron 程序的主进程和渲染进程。通过创建launch.json文件，设置断点，以及两种渲染进程的调试方法，帮助开发者在遇到问题时能快速定位并解决问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

第九讲使用VSCODE调试Electron程序

介绍

前面学员反馈说程序执行的时候遇到问题没办法调试，这节课程主要给大家介绍如何利用vscode来调试我们的Electron程序。前面课程我们已经介绍过，Electron程序包括主进程和渲染进程两部组成。开发过程中调试对于开发人员来说是必不可少的，今天我们就来讲一讲如何利用Vscode调试Electron程序，让你在以后的开发中遇到问题能够快速定位并解决问题！

调试主进程

  1. 首先我们打开vscode如下图所示点击左侧虫子一样的图片
    在这里插入图片描述
  2. 点击“创建launch.json文件”，选择下图红框中的环境
    在这里插入图片描述
  3. 点击“添加配置”按钮，配置launch.json文件，如下图所示：
    在这里插入图片描述
  4. 配置完成，最终配置文件如下：
了解本专栏 订阅专栏 解锁全文 超级会员免费看
在VSCode中调试Electron应用的主进程代码
DpgrMl的博客
10-03 542
在VSCode的侧边栏中，点击调试图标（红色的正方形和白色的三角形）。然后，在VSCode的调试视图中，选择“Electron Main”作为调试配置。在调试过程中，你可以使用VSCode提供的调试控制按钮来控制程序的执行。例如，你可以使用暂停按钮来暂停程序的执行，使用继续按钮来继续执行程序，使用步入按钮来逐步执行代码，并使用停止按钮来停止调试会话。在开发过程中，调试应用程序的主进程代码是非常重要的。通过遵循以上步骤，你可以在VSCode中调试Electron应用程序的主进程代码。步骤3：配置调试选项。
第十讲使用Electron开发一个MarkDown编辑器
星火燎猿
08-20 1420
第九讲使用Electron开发一个MarkDown编辑器功能介绍代码目录结构打开本地文件保存本地文件新建文件小结 功能介绍 大家都知道，MarkDown编辑器越来越受到大家的喜欢，各大博客平台（CSDN,简书）都推出了MarkDown写博客的功能，包括这篇文章，我也是使用MarkDown进行编写的，本节课我们将带领大家从0开始开发一款属于自己的MarkDown编辑器。废话不多说，直接上演示图： 新建文件： 打开文件 使用到的知识点都是我们前面讲过的，系统菜单，主进程和渲染进程通信，使用Node
使用VS Code调试Electron应用的主进程与渲染进程
gitblog_00670的博客
06-07 394
使用VS Code调试Electron应用的主进程与渲染进程 前言 Electron作为跨平台桌面应用开发框架，其架构特点决定了调试方式的特殊性。本文将基于microsoft/vscode-recipes项目中的Electron调试指南，深入讲解如何使用VS Code高效调试Electron应用的主进程和渲染进程。 Electron进程架构基础 在开始调试前，我们需要理解Electron的两个核心...
VSCode源码解析-程序的启动逻辑
最新发布
山高路远，后会总有期。
06-24 1140
。
vscode调试Electron项目
chduguxue的专栏
10-17 837
vscode中打开electron项目断点运行配置
VSCode调试Electron
weixin_71329368的博客
09-27 1282
使用vscode来调试electron主进程，实现断点调试、监视变量，跟踪代码执行，极大地提高开发效率。
使用VSCode调试Electron应用程序：一次卓越的开发体验
gitblog_00061的博客
06-11 739
使用VSCode调试Electron应用程序：一次卓越的开发体验 1、项目介绍 在寻找一个便捷、高效的方式来调试你的Electron应用吗？Debugging Electron in VSCode项目提供了一种全新的解决方案。这个开源项目专注于帮助开发者利用Visual Studio Code（VSCode）的强大功能，对基于Electron的应用进行深度调试。无论是初学者还是经验丰富的开发人员，...
vscode调试Electron+ts
qq_43478653的博客
05-14 950
调试Electron+js: https://www.electronjs.org/zh/docs/latest/tutorial/debugging-vscode。
VSCode 如何运行调试全局安装的 Electron
Likianta 的博客
04-05 4624
背景 已安装 nodejs, npm, 以及 vscode npm 全局安装位置已变更为 “D:/programs/nodejs/npm_node_modules/” 已在 全局 安装 electron, 并未在项目下安装 electron 测试项目为 “Electron 初体验”, 路径位置: “D:/workspace/test_room/electron_foretaste” 需求与预期...
vscode vidado
08-17
- *1* *2* *3* [第九讲使用VSCODE调试Electron程序](https://blog.csdn.net/fwj380891124/article/details/119796450)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip...
[首发][Ubuntu]VSCode搭建Linux Kernel单步调试IDE环境
rlk8888的博客
01-09 1567
编者荐语： 推荐使用vscode来单步调试奔跑吧内核，在按F5单步之前，请先设置断点，例如在start_kernel函数设置断点，直接在源代码左侧点击左键即可。 以下文章来源于弹指码通，作者弹指神通 弹指码通. 自博客平台:jackeyt.cn 原创技术分享，涵盖AI、端到端、边缘计算、ARM、嵌入式Linux、OpenCV、嵌入式端AI模型剪枝、量化 继上一篇介绍纯Win10下VSCode搭建Linux Kernel单步调试IDE环境 本篇继续介绍在纯Ubuntu下用VSCode搭...
VsCode快捷键高级使用
Pert的博客
04-06 6992
VsCode自从诞生以来，以其各自优异的特性迅速走红。尤其是对于前端开发小伙伴来说，几乎成为必不可少的开发工具。所以，熟练掌握VsCode的各自使用技巧与调试技巧会让你的日常开发工作效率倍增。本文将会以大量图文的方式，从下面几个方面详细介绍VsCode的各种技巧： 第一部分主要介绍VsCode的基本技巧，比如常用快捷键、辅助标尺等。熟悉此部分的可以直接跳过。 第二部分主要各种断点（比如日志断点、内联断点、表达式断点等等）、数据面板等等 第三部分主要讲解各种项目的调试实战，比如Node程序、TS程序、Vue
VS Code调试electron应用程序(主进程)
Lady__Killer的博客
10-25 931
  1、修改启动命令参数(package.json) { "name": "Hello-World", "main": "main.js", "scripts": { "start": "electron . --inspect-brk=5858" } } --inspect-brk=5858" } }        
Electron + VSCode环境创建运行调试基本应用程序
qq_36651243的博客
04-28 2426
Electron环境部署 1.创建项目文件夹 mkdir electron cd electron 2.创建package.json 使用默认填写 npm init -y 手动填写package.json相关的配置信息 npm init 本文选择的手动填写 关于package.json配置信息 3.在项目工程目录下安装Electron npm install electron --save-dev 如果需要指定对应版本的Electron(@^版本号) npm install electron@^
vscode的electron主进程调试
qq_38184425的博客
01-13 480
.vscode目录添加tasks.json文件 { // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "2.0.0", "tasks": [ { "label": "electron-debug", "type": "process", "command": ".
使用 VSCode 调试 Electron 主进程代码
编程三昧
01-20 815
在开发 Electron 应用的时候，为了提高工作效率，我们需要借助于调试工具，及时发现并解决问题。
Electron教程3_使用VSCode来调试Electron
随风漂浪的博客
04-18 1407
Electron教程3_使用VSCode来调试Electron1. 使用VSCode打开项目的文件夹2. 点击debug 功能3. 自动创建launch.json 文件4. 修改launch.json中的启动内容5. 重新启动debug功能，启动electron项目 1. 使用VSCode打开项目的文件夹 2. 点击debug 功能 3. 自动创建launch.json 文件 4. 修改l...
Electron开发桌面应用(2)：VSCODE调试Electron项目
热门推荐
ruyulin的博客
12-24 2万+
目的编写目的主要记录vscode如何调试electron项目。环境： nodejs 8.9.3 mpm 5.5.1 electron 1.7.10 vscode 1.19.1 具体步骤1.使用vscode打开electron项目2.点击debug 添加配置3.点击“添加配置”：4.打开launch.json点击右下角的添加配置，添加“electron 主”5.填配置完毕，修改launch.json
Electron 桌面应用：VS Code调试，运行
qq_14834431的博客
03-11 5587
参考资料：https://code.visualstudio.com/docs/nodejs/nodejs-debugging使用 VSCode 进行主进程调试EN1.在 VSCode 中打开一个 Electron 项目。$ git clone [email protected]:electron/electron-quick-start.git $ code electron-quick-star...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星火燎猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值