在VSCode中调试Electron应用的主进程代码

最新推荐文章于 2024-06-11 09:55:04 发布
最新推荐文章于 2024-06-11 09:55:04 发布
阅读量381 收藏
点赞数
文章标签： vscode electron ide VSCode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DpgrMl/article/details/133524500
版权
VSCode 专栏收录该内容
87 篇文章 6 订阅 ¥59.90 ¥99.00
订阅专栏
本文详细介绍了如何在Visual Studio Code (VSCode) 中设置和调试Electron应用的主进程代码。首先，需配置好VSCode和Electron开发环境，接着创建调试配置文件，设置调试选项，特别是指定启动Electron主进程的配置。然后，通过设置断点，利用VSCode的调试控制功能如暂停、继续、步入和停止来跟踪代码执行。调试输出可在底部输出面板查看，以便于定位和解决问题。
摘要由CSDN通过智能技术生成

Electron是一个流行的框架，用于构建跨平台的桌面应用程序。在开发过程中，调试应用程序的主进程代码是非常重要的。在本文中，我们将讨论如何在VSCode中调试Electron应用的主进程代码。

首先，确保你已经安装了VSCode，并且已经配置好了Electron的开发环境。接下来，我们将按照以下步骤进行调试设置。

步骤1：打开你的Electron项目

在VSCode中打开你的Electron项目文件夹。你可以通过选择“文件”->“打开文件夹”来完成这一步骤。确保你打开的是包含主进程代码的文件夹。

步骤2：创建调试配置文件

在VSCode的侧边栏中，点击调试图标（红色的正方形和白色的三角形）。然后，点击侧边栏顶部的“创建一个配置文件”按钮。在弹出的菜单中选择“Node.js”。这将创建一个名为“launch.json”的文件，其中包含调试配置。

步骤3：配置调试选项

在“launch.json”文件中，找到名为“configurations”的数组。在数组中添加以下配置：

{
   
  "type"
了解本专栏 订阅专栏 解锁全文
DpgrMl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
订阅专栏
第九讲使用VSCODE调试Electron程序
星火燎猿
08-19 1608
第九讲使用VSCODE调试Electron程序介绍调试主进程调试渲染进 介绍 前面学员反馈说程序执行的时候遇到问题没办法调试，这节课程主要给大家介绍如何利用vscode来调试我们的Electron程序。前面课程我们已经介绍过，Electron程序包括主进程和渲染进程两部组成。开发过程中调试对于开发人员来说是必不可少的，今天我们就来讲一讲如何利用Vscode调试Electron程序，让你在以后的开发中遇到问题能够快速定位并解决问题！ 调试主进程 首先我们打开vscode如下图所示点击左侧虫子一样的图片
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
vscode调试Electron项目
chduguxue的专栏
10-17 709
vscode中打开electron项目断点运行配置
使用VSCode调试Electron应用程序：一次卓越的开发体验
最新发布
gitblog_00061的博客
06-11 527
使用VSCode调试Electron应用程序：一次卓越的开发体验 项目地址:https://gitcode.com/octref/vscode-electron-debug 1、项目介绍 在寻找一个便捷、高效的方式来调试你的Electron应用吗？Debugging Electron in VSCode项目提供了一种全新的解决方案。这个开源项目专注于帮助开发者利用Visual Studio Cod...
vscode的electron主进程调试
qq_38184425的博客
01-13 373
.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+ts
qq_43478653的博客
05-14 568
调试Electron+js: https://www.electronjs.org/zh/docs/latest/tutorial/debugging-vscode。
vscode python调试指定进程_使用 VSCode 进行主进程调试
weixin_42153691的博客
01-30 494
1.在 VSCode 中打开一个 Electron 项目。$ git clone git@github.com:electron/electron-quick-start.git$ code electron-quick-start1. Open an Electron project in VSCode.$ git clone git@github.com:electron/electron-q...
electron 打开调试_Electron 应用调试指南
weixin_39849153的博客
12-19 1170
Electron 是一个基于 Node.js 和 Chromium 的开源框架，用于构建桌面应用，开发者可以使用 web 技术(HTML，JavaScript 和 CSS)完成整个应用的开发。许多知名桌面应用基于 Electron 实现，如 VSCode，Slack 和 GitHub Desktop 等。本文将介绍调试 Electron 应用的一些常用方法。开发环境调试Electron 应用进程分...
vscode 配置electron主进程和渲染进程 断点调试，通用模式
ty21000的博客
01-17 888
vscode 配置electron主进程和渲染进程 断点调试，通用模式。
electron项目 用vscode 调试主进程和渲染进程
qq_36904182的博客
11-24 625
【代码】css 写0.5px的线。
VS Code调试electron应用程序(主进程)
Lady__Killer的博客
10-25 811
  1、修改启动命令参数(package.json) { "name": "Hello-World", "main": "main.js", "scripts": { "start": "electron . --inspect-brk=5858" } } --inspect-brk=5858" } }        
VSCode 如何运行调试全局安装的 Electron
Likianta 的博客
04-05 4369
背景 已安装 nodejs, npm, 以及 vscode npm 全局安装位置已变更为 “D:/programs/nodejs/npm_node_modules/” 已在 全局 安装 electron, 并未在项目下安装 electron 测试项目为 “Electron 初体验”, 路径位置: “D:/workspace/test_room/electron_foretaste” 需求与预期...
Electron 主进程调试
天空之外
05-22 538
Electron 浏览器窗口的开发工具 devtools 只能调试在该窗口中执行的 JavaScript（比如 web 页面）。要调试在主进程中执行的 JavaScript，我们需要使用外部调试器。Electron 提供了 --inspect 和 --inspect-brk 开关来实现这一操作。 命令行开关 我们可以使用如下的命令行开关来调试 Electron 的主进程。 --inspect=[port] ：当这个开关用于 Electron 时，它将会监听 V8 引擎中有关 port 的调试器协议信息，默
Electron调试主进程
顺其自然~专栏
04-01 2262
Electron 浏览器窗口中的 DevTools 只能调试在该窗口（即网页）中执行的 JavaScript。要调试在主进程中执行的 JavaScript，您需要使用外部调试器并使用--inspect或--inspect-brk开关启动 Electron。 命令行开关 使用以下命令行开关之一启用主进程的调试： --inspect=[port] inspect：检查，审查 Electron 将在指定的port上侦听 V8 检查器协议消息，外部调试器将需要在此端口上连接。默认port值为5858.
Electron调试主进程和渲染进程
qq_30386941的博客
09-22 1647
主进程因为运行在NodeJS环境中，本身没有显示界面可以直观调试程序，不过按照官方的文档说明，Electron主进程可以利用VSCode进行调试。调试前首先得先创建electron应用（本文省略）。渲染进程因为运行在chromium内核中，因此可以使用chromium开发者工具进行调试，具体在主进程中设置开启开发者工具。Main进程运行过程中的输出将会在VSCode调试控制台看到结果。VSCode打开Electron应用目录，点击左侧“运行和调试”工具，选择。在electron应用根目录创建。
Electron教程3_使用VSCode来调试Electron
随风漂浪的博客
04-18 1260
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 + VSCode环境创建运行调试基本应用程序
qq_36651243的博客
04-28 1506
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@^
使用visualcode调试electron
qq_15419507的博客
11-06 209
使用visual code调试electron的一种最简单的办法
electron 在主进程中缓存数据
04-28
Electron 中可以在主进程中使用 Node.js 的缓存模块来缓存数据。具体实现可以通过以下步骤： 1. 在主进程中引入 Node.js 的缓存模块： ```javascript const NodeCache = require('node-cache'); ``` 2. 创建一个...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值